﻿/*!
 * 文件名称：hui.css
 * 文件版本：Version 2.0.0
 * 文件作者：百小僧
 * 编写日期：2016年06月20日
 * 版权所有：百签软件（中山）有限公司
 * 企业官网：http://www.baisoft.org
 * 开源协议：MIT License
 * 文件描述：一切从简，只为了更懒！
 */
@charset "UTF-8";
* { box-sizing: border-box; -webkit-tap-highlight-color: rgba(0,0,0,0); -webkit-touch-callout: none; }
*, *:before,
*:after { box-sizing: border-box; }
html { font-size: 62.5%; font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; background: rgba(0,0,0,0); height: 100%; }
body { font-size: 1.6rem; font-size: 1.6rem; line-height: 1.5; margin: 0; background: #f8f8f8; }
html,
body { -webkit-overflow-scrolling: touch; }
article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
menu,
nav,
section,
summary { display: block; }
audio,
canvas,
progress,
video { display: inline-block; }
audio:not([controls]) { display: none; height: 0; }
progress { vertical-align: baseline; }
template,
[hidden] { display: none; }
a { background-color: transparent; -webkit-text-decoration-skip: objects; }
a:active,
a:hover { outline-width: 0; }
abbr[title] { border-bottom: none; text-decoration: underline; text-decoration: underline dotted; }
b,
strong { font-weight: inherit; }
b,
strong { font-weight: bolder; }
dfn { font-style: italic; }
h1 { font-size: 2em; margin: 0.67em 0; }
h1,
h2,
h3,
h4,
h5,
h6 { line-height: 1.15; }
mark { background-color: #ff0; color: #000; }
small { font-size: 80%; }
sub,
sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sub { bottom: -0.25em; }
sup { top: -0.5em; }
img { border-style: none; }
ul, li { list-style: none; padding: 0; margin: 0; outline: 0; }
svg:not(:root) { overflow: hidden; }
code,
kbd,
pre,
samp { font-family: monospace, monospace; font-size: 1em; }
figure { margin: 1em 40px; }
hr { box-sizing: content-box; height: 0; overflow: visible; }
button,
input,
optgroup,
select,
textarea { font: inherit; margin: 0; }
optgroup { font-weight: bold; }
button,
input { overflow: visible; }
button,
select { text-transform: none; }
button,
html [type="button"],
[type="reset"],
[type="submit"] { -webkit-appearance: button; }
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner { border-style: none; padding: 0; }
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; }
fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }
legend { box-sizing: border-box; color: inherit; display: table; max-width: 100%; padding: 0; white-space: normal; }
textarea { overflow: auto; }
[type="checkbox"],
[type="radio"] { box-sizing: border-box; padding: 0; }
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button { height: auto; }
[type="search"] { -webkit-appearance: textfield; outline-offset: -2px; }
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
::-webkit-input-placeholder { color: inherit; opacity: 0.54; }
::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; }
table { border-collapse: collapse; border-spacing: 0; }
td, th { padding: 0; }
/*改写滚动条为全部透明*/
::-webkit-scrollbar { width: 0; height: 0; }
::-webkit-scrollbar-track { background: rgba(0,0,0,0); }
::-webkit-scrollbar-thumb { background: rgba(0,0,0,0.0); }
::-webkit-scrollbar-thumb:hover { background: rgba(0,0,0,0); }
::-webkit-scrollbar-corner { background: rgba(0,0,0,0); }
/*自定义透明滚动条*/
/*::-webkit-scrollbar { width: 11px; height: 11px; }
::-webkit-scrollbar-track,
::-webkit-scrollbar-thumb { border-radius: 7px; border: 5px solid transparent; }
::-webkit-scrollbar-track { box-shadow: 1px 1px 5px rgba(0,0,0,.2) inset; }
::-webkit-scrollbar-thumb { min-height: 13px; background-clip: content-box; box-shadow: 0 0 0 5px rgba(0,0,0,.2) inset; }
::-webkit-scrollbar-corner { background: transparent; }*/
/*字体图标*/
/*引入字体图标*/
@font-face { font-family: 'iconfont'; src: url('hui.ttf') format('truetype'); }
.hui-iconfont { font-family: "iconfont" !important; font-size: 1.6rem; font-style: normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; }
.hui-icon-share-to:before { content: "\f102"; }
.hui-icon-star:before { content: "\f031"; }
.hui-icon-qrcode:before { content: "\f024"; }
.hui-icon-rubbish:before { content: "\f048"; }
.hui-icon-profile:before { content: "\f071"; }
.hui-icon-search:before { content: "\f010"; }
.hui-icon-answer:before { content: "\f056"; }
.hui-icon-ui:before { content: "\f082"; }
.hui-icon-setting:before { content: "\f022"; }
.hui-icon-friends:before { content: "\f027"; }
.hui-icon-music:before { content: "\f106"; }
.hui-icon-android:before { content: "\f100"; }
.hui-icon-SSID:before { content: "\f059"; }
.hui-icon-qq:before { content: "\f025"; }
.hui-icon-weibo:before { content: "\f026"; }
.hui-icon-add-user:before { content: "\f058"; }
.hui-icon-dot-more:before { content: "\f098"; }
.hui-icon-pen:before { content: "\f057"; }
.hui-icon-arrow-left:before { content: "\f003"; }
.hui-icon-doc:before { content: "\f088"; }
.hui-icon-error:before { content: "\f055"; }
.hui-icon-near:before { content: "\f054"; }
.hui-icon-update:before { content: "\f053"; }
.hui-icon-donate:before { content: "\f076"; }
.hui-icon-plus:before { content: "\f110"; }
.hui-icon-shopping-cart:before { content: "\f105"; }
.hui-icon-contacts:before { content: "\f205"; }
.hui-icon-share:before { content: "\f090"; }
.hui-icon-html5:before { content: "\f047"; }
.hui-icon-warn:before { content: "\f009"; }
.hui-icon-thumb:before { content: "\f060"; }
.hui-icon-refresh:before { content: "\f050"; }
.hui-icon-phone:before { content: "\f049"; }
.hui-icon-arrow-right:before { content: "\f004"; }
.hui-icon-github:before { content: "\f070"; }
.hui-icon-tag:before { content: "\f073"; }
.hui-icon-right:before { content: "\f005"; }
.hui-icon-group-user:before { content: "\f069"; }
.hui-icon-video:before { content: "\f107"; }
.hui-icon-theme:before { content: "\f046"; }
.hui-icon-minus:before { content: "\f111"; }
.hui-icon-exit:before { content: "\f045"; }
.hui-icon-star-half:before { content: "\f087"; }
.hui-icon-star-null:before { content: "\f084"; }
.hui-icon-star-fill:before { content: "\f083"; }
.hui-icon-user-set:before { content: "\f044"; }
.hui-icon-http:before { content: "\f043"; }
.hui-icon-email:before { content: "\f042"; }
.hui-icon-tearch:before { content: "\f085"; }
.hui-icon-weixin:before { content: "\f028"; }
.hui-icon-add:before { content: "\f006"; }
.hui-icon-hi:before { content: "\f094"; }
.hui-icon-moban:before { content: "\f089"; }
.hui-icon-woman:before { content: "\f040"; }
.hui-icon-man:before { content: "\f039"; }
.hui-icon-earth:before { content: "\f007"; }
.hui-icon-smiling:before { content: "\f008"; }
.hui-icon-more-menu:before { content: "\f035"; }
.hui-icon-msg:before { content: "\f033"; }
.hui-icon-log:before { content: "\f052"; }
.hui-icon-taobao:before { content: "\f091"; }
.hui-icon-game:before { content: "\f079"; }
.hui-icon-tel:before { content: "\f112"; }
.hui-icon-com:before { content: "\f086"; }
.hui-icon-lock:before { content: "\f036"; }
.hui-icon-ipadiphone:before { content: "\f180"; }
.hui-icon-mobile-net:before { content: "\f037"; }
.hui-icon-arrow-scrolltop:before { content: "\f032"; }
.hui-icon-wow:before { content: "\f284"; }
.hui-icon-sad:before { content: "\f283"; }
.hui-icon-smile2:before { content: "\f276"; }
.hui-icon-edit:before { content: "\f252"; }
.hui-icon-level:before { content: "\f251"; }
.hui-icon-ding-null:before { content: "\f132"; }
.hui-icon-ding-fill:before { content: "\f133"; }
.hui-icon-cai-null:before { content: "\f134"; }
.hui-icon-cai-fill:before { content: "\f135"; }
.hui-icon-delegate:before { content: "\f075"; }
.hui-icon-ios:before { content: "\f101"; }
.hui-icon-pointmore:before { content: "\f277"; }
.hui-icon-arrow-down:before { content: "\f023"; }
.hui-icon-drop-sort:before { content: "\f210"; }
.hui-icon-more:before { content: "\f038"; }
.hui-icon-clear:before { content: "\f041"; }
.hui-icon-tools:before { content: "\f136"; }
.hui-icon-qiandao:before { content: "\f137"; }
.hui-icon-loading:before { content: "\f011"; }
.hui-icon-tip-msg:before { content: "\f067"; }
.hui-icon-where:before { content: "\f066"; }
.hui-icon-gobottom:before { content: "\f096"; }
.hui-icon-bbs:before { content: "\f093"; }
.hui-icon-finding:before { content: "\f095"; }
.hui-icon-cloud-download-fill:before { content: "\281"; }
.hui-icon-cloud-download:before { content: "\f280"; }
.hui-icon-download-fill:before { content: "\f279"; }
.hui-icon-download:before { content: "\f278"; }
.hui-icon-list-down:before { content: "\f138"; }
.hui-icon-list-up:before { content: "\f139"; }
.hui-icon-about-me:before { content: "\f077"; }
.hui-icon-quick:before { content: "\f065"; }
.hui-icon-camera:before { content: "\f062"; }
.hui-icon-position:before { content: "\f021"; }
.hui-icon-gif:before { content: "\f131"; }
.hui-icon-qzone:before { content: "\f029"; }
.hui-icon-hot:before { content: "\f097"; }
.hui-icon-scanning:before { content: "\f061"; }
.hui-icon-review:before { content: "\f063"; }
.hui-icon-target-back:before { content: "\f013"; }
.hui-icon-care-user:before { content: "\f064"; }
.hui-icon-voice-left:before { content: "\f014"; }
.hui-icon-voice-right:before { content: "\f015"; }
.hui-icon-union:before { content: "\f104"; }
.hui-icon-kefu:before { content: "\f068"; }
.hui-icon-fangzi:before { content: "\f275"; }
.hui-icon-time:before { content: "\f030"; }
.hui-icon-user:before { content: "\f016"; }
.hui-icon-find:before { content: "\f017"; }
.hui-icon-find-null:before { content: "\f018"; }
.hui-icon-like:before { content: "\f019"; }
.hui-icon-voice:before { content: "\f020"; }
.hui-icon-like-null:before { content: "\f012"; }
.hui-icon-close-eye:before { content: "\f001"; }
.hui-icon-aliwangwang:before { content: "\f092"; }
.hui-icon-kuandai:before { content: "\f274"; }
.hui-icon-huoche:before { content: "\f273"; }
.hui-icon-qiche:before { content: "\f272"; }
.hui-icon-chuzuche:before { content: "\f271"; }
.hui-icon-meishi2:before { content: "\f270"; }
.hui-icon-meishi:before { content: "\f268"; }
.hui-icon-official:before { content: "\f078"; }
.hui-icon-radio-fill:before { content: "\f123"; }
.hui-icon-radio-null:before { content: "\f122"; }
.hui-icon-guanbi2-fill:before { content: "\f285"; }
.hui-icon-guanbi2:before { content: "\f265"; }
.hui-icon-jiahao2:before { content: "\f264"; }
.hui-icon-jiahao2-fill:before { content: "\f263"; }
.hui-icon-tishi-fill:before { content: "\f262"; }
.hui-icon-tishi:before { content: "\f261"; }
.hui-icon-wenhao-fill:before { content: "\f260"; }
.hui-icon-wenhao:before { content: "\f259"; }
.hui-icon-radio-check-fill:before { content: "\f258"; }
.hui-icon-radio-check:before { content: "\f257"; }
.hui-icon-chexiao:before { content: "\f255"; }
.hui-icon-gouwudai:before { content: "\f254"; }
.hui-icon-kefu2-fill:before { content: "\f266"; }
.hui-icon-kefu2:before { content: "\f267"; }
.hui-icon-review-fill:before { content: "\f124"; }
.hui-icon-review-null:before { content: "\f121"; }
.hui-icon-qingchu:before { content: "\f253"; }
.hui-icon-saoma:before { content: "\f290"; }
.hui-icon-search-list:before { content: "\f120"; }
.hui-icon-search-list-null:before { content: "\f287"; }
.hui-icon-tianmao:before { content: "\f286"; }
.hui-icon-wuliu:before { content: "\f119"; }
.hui-icon-vip:before { content: "\f072"; }
.hui-icon-familyarea:before { content: "\f160"; }
.hui-icon-aite:before { content: "\f034"; }
.hui-icon-alipay:before { content: "\f108"; }
.hui-icon-none:before { content: "\f130"; }
.hui-icon-calc:before { content: "\f155"; }
.hui-icon-licai:before { content: "\f171"; }
.hui-icon-money2:before { content: "\f170"; }
.hui-icon-femaleanchors:before { content: "\f159"; }
.hui-icon-gamelive:before { content: "\f154"; }
.hui-icon-recreationcenter:before { content: "\f145"; }
.hui-icon-application:before { content: "\f144"; }
.hui-icon-logo:before { content: "\f151"; }
.hui-icon-game1:before { content: "\f141"; }
.hui-icon-music1:before { content: "\f142"; }
.hui-icon-money21:before { content: "\f143"; }
.hui-icon-safe2:before { content: "\f146"; }
.hui-icon-safe:before { content: "\f080"; }
.hui-icon-supermarket:before { content: "\f147"; }
.hui-icon-reward:before { content: "\f081"; }
.hui-icon-zuji:before { content: "\f148"; }
.hui-icon-zhongping:before { content: "\f150"; }
.hui-icon-camera1:before { content: "\f140"; }
.hui-icon-new:before { content: "\f152"; }
.hui-icon-user2:before { content: "\f173"; }
.hui-icon-adduser:before { content: "\f156"; }
.hui-icon-passuser:before { content: "\f157"; }
.hui-icon-send-msg:before { content: "\f158"; }
.hui-icon-v1:before { content: "\f161"; }
.hui-icon-v2:before { content: "\f162"; }
.hui-icon-v3:before { content: "\f163"; }
.hui-icon-wangge:before { content: "\f164"; }
.hui-icon-zuanshi:before { content: "\f167"; }
.hui-icon-dengpao:before { content: "\f168"; }
.hui-icon-taideng:before { content: "\f169"; }
.hui-icon-arrow-up:before { content: "\f099"; }
.hui-icon-close:before { content: "\f117"; }
.hui-icon-fee:before { content: "\f118"; }
.hui-icon-mianji:before { content: "\f288"; }

/*基础类库*/
/*常见十六进制背景*/
.hui-background-color-333 { background-color: #333; }
.hui-background-color-444 { background-color: #444; }
.hui-background-color-666 { background-color: #666; }
.hui-background-color-999 { background-color: #999; }
.hui-background-color-ccc { background-color: #ccc; }
.hui-background-color-eee { background-color: #eee; }
.hui-background-color-f4f4f4 { background-color: #f4f4f4; }
.hui-background-color-f5f5f5 { background-color: #f5f5f5; }
.hui-background-color-f8f8f8 { background-color: #f8f8f8; }
.hui-background-color-dedede { background-color: #dedede; }
.hui-background-color-e6e6e6 { background-color: #e6e6e6; }
/*单色背景*/
.hui-background-color-black { background-color: black; }
.hui-background-color-white { background-color: white; }
.hui-background-color-red { background-color: red; }
.hui-background-color-blue { background-color: blue; }
.hui-background-color-pink { background-color: pink; }
.hui-background-color-yellow { background-color: yellow; }
.hui-background-color-gray { background-color: gray; }
/*扁平化背景*/
.hui-background-color-turquoise,
.hui-background-color-turquoise-active { background-color: #1abc9c; }
.hui-background-color-turquoise-active:active,
.hui-background-color-turquoise-high { background-color: #1dd2af; }
.hui-background-color-emerald,
.hui-background-color-emerald-active { background-color: #2ecc71; }
.hui-background-color-emerald-active:active,
.hui-background-color-emerald-high { background-color: #40d47e; }
.hui-background-color-peterRiver,
.hui-background-color-peterRiver-active { background-color: #3498db; }
.hui-background-color-peterRiver-active:active,
.hui-background-color-peterRiver-high { background-color: #4aa3df; }
.hui-background-color-amethyst,
.hui-background-color-amethyst-active { background-color: #9b59b6; }
.hui-background-color-amethyst-active:active,
.hui-background-color-amethyst-high { background-color: #a66bbe; }
.hui-background-color-wetAsphalt,
.hui-background-color-wetAsphalt-active { background-color: #34495e; }
.hui-background-color-wetAsphalt-active:active,
.hui-background-color-wetAsphalt-high { background-color: #3d566e; }
.hui-background-color-greenSea,
.hui-background-color-greenSea-active { background-color: #16a085; }
.hui-background-color-greenSea-active:active,
.hui-background-color-greenSea-high { background-color: #19b698; }
.hui-background-color-nephritis,
.hui-background-color-nephritis-active { background-color: #27ae60; }
.hui-background-color-nephritis-active:active,
.hui-background-color-nephritis-high { background-color: #2cc36b; }
.hui-background-color-belizeHole,
.hui-background-color-belizeHole-active { background-color: #2980b9; }
.hui-background-color-belizeHole-active:active,
.hui-background-color-belizeHole-high { background-color: #2e8ece; }
.hui-background-color-wisteria,
.hui-background-color-wisteria-active { background-color: #8e44ad; }
.hui-background-color-wisteria-active:active,
.hui-background-color-wisteria-high { background-color: #9b50ba; }
.hui-background-color-midnightBlue,
.hui-background-color-midnightBlue-active { background-color: #2c3e50; }
.hui-background-color-midnightBlue-active:active,
.hui-background-color-midnightBlue-high { background-color: #354b60; }
.hui-background-color-sunFlower,
.hui-background-color-sunFlower-active { background-color: #f1c40f; }
.hui-background-color-sunFlower-active:active,
.hui-background-color-sunFlower-high { background-color: #f2ca27; }
.hui-background-color-carrot,
.hui-background-color-carrot-active { background-color: #e67e22; }
.hui-background-color-carrot-active:active,
.hui-background-color-carrot-high { background-color: #e98b39; }
.hui-background-color-alizarin,
.hui-background-color-alizarin-active { background-color: #e74c3c; }
.hui-background-color-alizarin-active:active,
.hui-background-color-alizarin-high { background-color: #ea6153; }
.hui-background-color-clouds,
.hui-background-color-clouds-active { background-color: #ecf0f1; }
.hui-background-color-clouds-active:active,
.hui-background-color-clouds-high { background-color: #fbfcfc; }
.hui-background-color-concrete,
.hui-background-color-concrete-active { background-color: #95a5a6; }
.hui-background-color-concrete-active:active,
.hui-background-color-concrete-high { background-color: #a3b1b2; }
.hui-background-color-orange,
.hui-background-color-orange-active { background-color: #f39c12; }
.hui-background-color-orange-active:active,
.hui-background-color-orange-high { background-color: #f4a62a; }
.hui-background-color-pumpkin,
.hui-background-color-pumpkin-active { background-color: #d35400; }
.hui-background-color-pumpkin-active:active,
.hui-background-color-pumpkin-high { background-color: #ec5e00; }
.hui-background-color-pomegranate,
.hui-background-color-pomegranate-active { background-color: #c0392b; }
.hui-background-color-pomegranate-active:active,
.hui-background-color-pomegranate-high { background-color: #d14233; }
.hui-background-color-silver,
.hui-background-color-silver-active { background-color: #bdc3c7; }
.hui-background-color-silver-active:active,
.hui-background-color-silver-high { background-color: #cbd0d3; }
.hui-background-color-asbestos,
.hui-background-color-asbestos-active { background-color: #7f8c8d; }
.hui-background-color-asbestos-active:active,
.hui-background-color-asbestos-high { background-color: #8c9899; }
/*背景透明*/
.hui-background-color-transparent { background: rgba(0,0,0,0); }
.hui-background-color-transparent-1 { background: rgba(0,0,0,0.1); }
.hui-background-color-transparent-2 { background: rgba(0,0,0,0.2); }
.hui-background-color-transparent-3 { background: rgba(0,0,0,0.3); }
.hui-background-color-transparent-4 { background: rgba(0,0,0,0.4); }
.hui-background-color-transparent-5 { background: rgba(0,0,0,0.5); }
.hui-background-color-transparent-6 { background: rgba(0,0,0,0.6); }
.hui-background-color-transparent-7 { background: rgba(0,0,0,0.7); }
.hui-background-color-transparent-8 { background: rgba(0,0,0,0.8); }
.hui-background-color-transparent-9 { background: rgba(0,0,0,0.9); }
/*元素透明*/
.hui-opacity-1 { opacity: 0.1; }
.hui-opacity-2 { opacity: 0.2; }
.hui-opacity-3 { opacity: 0.3; }
.hui-opacity-4 { opacity: 0.4; }
.hui-opacity-5 { opacity: 0.5; }
.hui-opacity-6 { opacity: 0.6; }
.hui-opacity-7 { opacity: 0.7; }
.hui-opacity-8 { opacity: 0.8; }
.hui-opacity-9 { opacity: 0.9; }
/*字体大小*/
.hui-font-size-0 { font-size: 0; }
.hui-font-size-8 { font-size: 0.8rem; }
.hui-font-size-10 { font-size: 1.0rem; }
.hui-font-size-11 { font-size: 1.1rem; }
.hui-font-size-12 { font-size: 1.2rem; }
.hui-font-size-13 { font-size: 1.3rem; }
.hui-font-size-14 { font-size: 1.4rem; }
.hui-font-size-15 { font-size: 1.5rem; }
.hui-font-size-16 { font-size: 1.6rem; }
.hui-font-size-18 { font-size: 1.8rem; }
.hui-font-size-20 { font-size: 2.0rem; }
.hui-font-size-22 { font-size: 2.2rem; }
.hui-font-size-24 { font-size: 2.4rem; }
.hui-font-size-26 { font-size: 2.6rem; }
.hui-font-size-28 { font-size: 2.8rem; }
.hui-font-size-30 { font-size: 3.0rem; }
.hui-font-size-32 { font-size: 3.2rem; }
.hui-font-size-34 { font-size: 3.4rem; }
.hui-font-size-36 { font-size: 3.6rem; }
.hui-font-size-38 { font-size: 3.8rem; }
.hui-font-size-40 { font-size: 4.0rem; }
.hui-font-size-42 { font-size: 4.2rem; }
.hui-font-size-44 { font-size: 4.4rem; }
.hui-font-size-46 { font-size: 4.6rem; }
.hui-font-size-48 { font-size: 4.8rem; }
.hui-font-size-50 { font-size: 5.0rem; }
/*常见十六进制字体颜色*/
.hui-font-color-333 { color: #333; }
.hui-font-color-444 { color: #444; }
.hui-font-color-666 { color: #666; }
.hui-font-color-777 { color: #777; }
.hui-font-color-999 { color: #999; }
.hui-font-color-ccc { color: #ccc; }
.hui-font-color-eee { color: #eee; }
.hui-font-color-f4f4f4 { color: #f4f4f4; }
.hui-font-color-f5f5f5 { color: #f5f5f5; }
.hui-font-color-dedede { color: #dedede; }
.hui-font-color-e6e6e6 { color: #e6e6e6; }
/*单色字体颜色*/
.hui-font-color-black { color: black; }
.hui-font-color-white { color: white; }
.hui-font-color-red { color: red; }
.hui-font-color-blue { color: blue; }
.hui-font-color-pink { color: pink; }
.hui-font-color-yellow { color: yellow; }
.hui-font-color-gray { color: gray; }
/*扁平化字体颜色*/
.hui-font-color-turquoise { color: #1abc9c; }
.hui-font-color-emerald { color: #2ecc71; }
.hui-font-color-peterRiver { color: #3498db; }
.hui-font-color-amethyst { color: #9b59b6; }
.hui-font-color-wetAsphalt { color: #34495e; }
.hui-font-color-greenSea { color: #16a085; }
.hui-font-color-nephritis { color: #27ae60; }
.hui-font-color-belizeHole { color: #2980b9; }
.hui-font-color-wisteria { color: #8e44ad; }
.hui-font-color-midnightBlue { color: #2c3e50; }
.hui-font-color-sunFlower { color: #f1c40f; }
.hui-font-color-carrot { color: #e67e22; }
.hui-font-color-alizarin { color: #e74c3c; }
.hui-font-color-clouds { color: #ecf0f1; }
.hui-font-color-concrete { color: #95a5a6; }
.hui-font-color-orange { color: #f39c12; }
.hui-font-color-pumpkin { color: #d35400; }
.hui-font-color-pomegranate { color: #c0392b; }
.hui-font-color-silver { color: #bdc3c7; }
.hui-font-color-asbestos { color: #7f8c8d; }
.hui-font-color-turquoise-high { color: #1dd2af; }
.hui-font-color-emerald-high { color: #40d47e; }
.hui-font-color-peterRiver-high { color: #4aa3df; }
.hui-font-color-amethyst-high { color: #a66bbe; }
.hui-font-color-wetAsphalt-high { color: #3d566e; }
.hui-font-color-greenSea-high { color: #19b698; }
.hui-font-color-nephritis-high { color: #2cc36b; }
.hui-font-color-belizeHole-high { color: #2e8ece; }
.hui-font-color-wisteria-high { color: #9b50ba; }
.hui-font-color-midnightBlue-high { color: #354b60; }
.hui-font-color-sunFlower-high { color: #f2ca27; }
.hui-font-color-carrot-high { color: #e98b39; }
.hui-font-color-alizarin-high { color: #ea6153; }
.hui-font-color-clouds-high { color: #fbfcfc; }
.hui-font-color-concrete-high { color: #a3b1b2; }
.hui-font-color-orange-high { color: #f4a62a; }
.hui-font-color-pumpkin-high { color: #ec5e00; }
.hui-font-color-pomegranate-high { color: #d14233; }
.hui-font-color-silver-high { color: #cbd0d3; }
.hui-font-color-asbestos-high { color: #8c9899; }
/*内边框线*/
/*四边1px线实线*/
/*常见十六进制边线颜色*/
.hui-border-all-333 { border-left: 1px solid #333; border-right: 1px solid #333; border-top: 1px solid #333; border-bottom: 1px solid #333; }
.hui-border-all-444 { border-left: 1px solid #444; border-right: 1px solid #444; border-top: 1px solid #444; border-bottom: 1px solid #444; }
.hui-border-all-666 { border-left: 1px solid #666; border-right: 1px solid #666; border-top: 1px solid #666; border-bottom: 1px solid #666; }
.hui-border-all-999 { border-left: 1px solid #999; border-right: 1px solid #999; border-top: 1px solid #999; border-bottom: 1px solid #999; }
.hui-border-all-ccc { border-left: 1px solid #ccc; border-right: 1px solid #ccc; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; }
.hui-border-all-eee { border-left: 1px solid #eee; border-right: 1px solid #eee; border-top: 1px solid #eee; border-bottom: 1px solid #eee; }
.hui-border-all-f4f4f4 { border-left: 1px solid #f4f4f4; border-right: 1px solid #f4f4f4; border-top: 1px solid #f4f4f4; border-bottom: 1px solid #f4f4f4; }
.hui-border-all-f5f5f5 { border-left: 1px solid #f5f5f5; border-right: 1px solid #f5f5f5; border-top: 1px solid #f5f5f5; border-bottom: 1px solid #f5f5f5; }
.hui-border-all-dedede { border-left: 1px solid #dedede; border-right: 1px solid #dedede; border-top: 1px solid #dedede; border-bottom: 1px solid #dedede; }
.hui-border-all-e6e6e6 { border-left: 1px solid #e6e6e6; border-right: 1px solid #e6e6e6; border-top: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; }
/*单色边线颜色*/
.hui-border-all-black { border-left: 1px solid black; border-right: 1px solid black; border-top: 1px solid black; border-bottom: 1px solid black; }
.hui-border-all-white { border-left: 1px solid white; border-right: 1px solid white; border-top: 1px solid white; border-bottom: 1px solid white; }
.hui-border-all-red { border-left: 1px solid red; border-right: 1px solid red; border-top: 1px solid red; border-bottom: 1px solid red; }
.hui-border-all-blue { border-left: 1px solid blue; border-right: 1px solid blue; border-top: 1px solid blue; border-bottom: 1px solid blue; }
.hui-border-all-pink { border-left: 1px solid pink; border-right: 1px solid pink; border-top: 1px solid pink; border-bottom: 1px solid pink; }
.hui-border-all-yellow { border-left: 1px solid yellow; border-right: 1px solid yellow; border-top: 1px solid black; border-bottom: 1px solid yellow; }
.hui-border-all-gray { border-left: 1px solid gray; border-right: 1px solid gray; border-top: 1px solid gray; border-bottom: 1px solid gray; }
/*扁平化边线颜色*/
.hui-border-all-turquoise,
.hui-border-all-turquoise-active { border-left: 1px solid #1abc9c; border-right: 1px solid #1abc9c; border-top: 1px solid #1abc9c; border-bottom: 1px solid #1abc9c; }
.hui-border-all-turquoise-active:active { border-left: 1px solid #1dd2af; border-right: 1px solid #1dd2af; border-top: 1px solid #1dd2af; border-bottom: 1px solid #1dd2af; }
.hui-border-all-emerald,
.hui-border-all-emerald-active { border-left: 1px solid #2ecc71; border-right: 1px solid #2ecc71; border-top: 1px solid #2ecc71; border-bottom: 1px solid #2ecc71; }
.hui-border-all-emerald-active:active { border-left: 1px solid #40d47e; border-right: 1px solid #40d47e; border-top: 1px solid #40d47e; border-bottom: 1px solid #40d47e; }
.hui-border-all-peterRiver,
.hui-border-all-peterRiver-active { border-left: 1px solid #3498db; border-right: 1px solid #3498db; border-top: 1px solid #3498db; border-bottom: 1px solid #3498db; }
.hui-border-all-peterRiver-active:active { border-left: 1px solid #4aa3df; border-right: 1px solid #4aa3df; border-top: 1px solid #4aa3df; border-bottom: 1px solid #4aa3df; }
.hui-border-all-amethyst,
.hui-border-all-amethyst-active { border-left: 1px solid #9b59b6; border-right: 1px solid #9b59b6; border-top: 1px solid #9b59b6; border-bottom: 1px solid #9b59b6; }
.hui-border-all-amethyst-active:active { border-left: 1px solid #a66bbe; border-right: 1px solid #a66bbe; border-top: 1px solid #a66bbe; border-bottom: 1px solid #a66bbe; }
.hui-border-all-wetAsphalt,
.hui-border-all-wetAsphalt-active { border-left: 1px solid #34495e; border-right: 1px solid #34495e; border-top: 1px solid #34495e; border-bottom: 1px solid #34495e; }
.hui-border-all-wetAsphalt-active:active { border-left: 1px solid #3d566e; border-right: 1px solid #3d566e; border-top: 1px solid #3d566e; border-bottom: 1px solid #3d566e; }
.hui-border-all-greenSea,
.hui-border-all-greenSea-active { border-left: 1px solid #16a085; border-right: 1px solid #16a085; border-top: 1px solid #16a085; border-bottom: 1px solid #16a085; }
.hui-border-all-greenSea-active:active { border-left: 1px solid #19b698; border-right: 1px solid #19b698; border-top: 1px solid #19b698; border-bottom: 1px solid #19b698; }
.hui-border-all-nephritis,
.hui-border-all-nephritis-active { border-left: 1px solid #27ae60; border-right: 1px solid #27ae60; border-top: 1px solid #27ae60; border-bottom: 1px solid #27ae60; }
.hui-border-all-nephritis-active:active { border-left: 1px solid #2cc36b; border-right: 1px solid #2cc36b; border-top: 1px solid #2cc36b; border-bottom: 1px solid #2cc36b; }
.hui-border-all-belizeHole,
.hui-border-all-belizeHole-active { border-left: 1px solid #2980b9; border-right: 1px solid #2980b9; border-top: 1px solid #2980b9; border-bottom: 1px solid #2980b9; }
.hui-border-all-belizeHole-active:active { border-left: 1px solid #2e8ece; border-right: 1px solid #2e8ece; border-top: 1px solid #2e8ece; border-bottom: 1px solid #2e8ece; }
.hui-border-all-wisteria,
.hui-border-all-wisteria-active { border-left: 1px solid #8e44ad; border-right: 1px solid #8e44ad; border-top: 1px solid #8e44ad; border-bottom: 1px solid #8e44ad; }
.hui-border-all-wisteria-active:active { border-left: 1px solid #9b50ba; border-right: 1px solid #9b50ba; border-top: 1px solid #9b50ba; border-bottom: 1px solid #9b50ba; }
.hui-border-all-midnightBlue,
.hui-border-all-midnightBlue-active { border-left: 1px solid #2c3e50; border-right: 1px solid #2c3e50; border-top: 1px solid #2c3e50; border-bottom: 1px solid #2c3e50; }
.hui-border-all-midnightBlue-active:active { border-left: 1px solid #354b60; border-right: 1px solid #354b60; border-top: 1px solid #354b60; border-bottom: 1px solid #354b60; }
.hui-border-all-sunFlower,
.hui-border-all-sunFlower-active { border-left: 1px solid #f1c40f; border-right: 1px solid #f1c40f; border-top: 1px solid #f1c40f; border-bottom: 1px solid #f1c40f; }
.hui-border-all-sunFlower-active:active { border-left: 1px solid #f2ca27; border-right: 1px solid #f2ca27; border-top: 1px solid #f2ca27; border-bottom: 1px solid #f2ca27; }
.hui-border-all-carrot,
.hui-border-all-carrot-active { border-left: 1px solid #e67e22; border-right: 1px solid #e67e22; border-top: 1px solid #e67e22; border-bottom: 1px solid #e67e22; }
.hui-border-all-carrot-active:active { border-left: 1px solid #e98b39; border-right: 1px solid #e98b39; border-top: 1px solid #e98b39; border-bottom: 1px solid #e98b39; }
.hui-border-all-alizarin,
.hui-border-all-alizarin-active { border-left: 1px solid #e74c3c; border-right: 1px solid #e74c3c; border-top: 1px solid #e74c3c; border-bottom: 1px solid #e74c3c; }
.hui-border-all-alizarin-active:active { border-left: 1px solid #ea6153; border-right: 1px solid #ea6153; border-top: 1px solid #ea6153; border-bottom: 1px solid #ea6153; }
.hui-border-all-clouds,
.hui-border-all-clouds-active { border-left: 1px solid #ecf0f1; border-right: 1px solid #ecf0f1; border-top: 1px solid #ecf0f1; border-bottom: 1px solid #ecf0f1; }
.hui-border-all-clouds-active:active { border-left: 1px solid #fbfcfc; border-right: 1px solid #fbfcfc; border-top: 1px solid #fbfcfc; border-bottom: 1px solid #fbfcfc; }
.hui-border-all-concrete,
.hui-border-all-concrete-active { border-left: 1px solid #95a5a6; border-right: 1px solid #95a5a6; border-top: 1px solid #95a5a6; border-bottom: 1px solid #95a5a6; }
.hui-border-all-concrete-active:active { border-left: 1px solid #a3b1b2; border-right: 1px solid #a3b1b2; border-top: 1px solid #a3b1b2; border-bottom: 1px solid #a3b1b2; }
.hui-border-all-orange,
.hui-border-all-orange-active { border-left: 1px solid #f39c12; border-right: 1px solid #f39c12; border-top: 1px solid #f39c12; border-bottom: 1px solid #f39c12; }
.hui-border-all-orange-active:active { border-left: 1px solid #f4a62a; border-right: 1px solid #f4a62a; border-top: 1px solid #f4a62a; border-bottom: 1px solid #f4a62a; }
.hui-border-all-pumpkin,
.hui-border-all-pumpkin-active { border-left: 1px solid #d35400; border-right: 1px solid #d35400; border-top: 1px solid #d35400; border-bottom: 1px solid #d35400; }
.hui-border-all-pumpkin-active:active { border-left: 1px solid #ec5e00; border-right: 1px solid #ec5e00; border-top: 1px solid #ec5e00; border-bottom: 1px solid #ec5e00; }
.hui-border-all-pomegranate,
.hui-border-all-pomegranate-active { border-left: 1px solid #c0392b; border-right: 1px solid #c0392b; border-top: 1px solid #c0392b; border-bottom: 1px solid #c0392b; }
.hui-border-all-pomegranate-active:active { border-left: 1px solid #d14233; border-right: 1px solid #d14233; border-top: 1px solid #d14233; border-bottom: 1px solid #d14233; }
.hui-border-all-silver,
.hui-border-all-silver-active { border-left: 1px solid #bdc3c7; border-right: 1px solid #bdc3c7; border-top: 1px solid #bdc3c7; border-bottom: 1px solid #bdc3c7; }
.hui-border-all-silver-active:active { border-left: 1px solid #cbd0d3; border-right: 1px solid #cbd0d3; border-top: 1px solid #cbd0d3; border-bottom: 1px solid #cbd0d3; }
.hui-border-all-asbestos,
.hui-border-all-asbestos-active { border-left: 1px solid #7f8c8d; border-right: 1px solid #7f8c8d; border-top: 1px solid #7f8c8d; border-bottom: 1px solid #7f8c8d; }
.hui-border-all-asbestos-active:active { border-left: 1px solid #8c9899; border-right: 1px solid #8c9899; border-top: 1px solid #8c9899; border-bottom: 1px solid #8c9899; }
/*水平1px线实线*/
/*常见十六进制边线颜色*/
.hui-border-col-333 { border-left: 1px solid #333; border-right: 1px solid #333; }
.hui-border-col-444 { border-left: 1px solid #444; border-right: 1px solid #444; }
.hui-border-col-666 { border-left: 1px solid #666; border-right: 1px solid #666; }
.hui-border-col-999 { border-left: 1px solid #999; border-right: 1px solid #999; }
.hui-border-col-ccc { border-left: 1px solid #ccc; border-right: 1px solid #ccc; }
.hui-border-col-eee { border-left: 1px solid #eee; border-right: 1px solid #eee; }
.hui-border-col-f4f4f4 { border-left: 1px solid #f4f4f4; border-right: 1px solid #f4f4f4; }
.hui-border-col-f5f5f5 { border-left: 1px solid #f5f5f5; border-right: 1px solid #f5f5f5; }
.hui-border-col-dedede { border-left: 1px solid #dedede; border-right: 1px solid #dedede; }
.hui-border-col-e6e6e6 { border-left: 1px solid #e6e6e6; border-right: 1px solid #e6e6e6; }
/*单色边线颜色*/
.hui-border-col-black { border-left: 1px solid black; border-right: 1px solid black; }
.hui-border-col-white { border-left: 1px solid white; border-right: 1px solid white; }
.hui-border-col-red { border-left: 1px solid red; border-right: 1px solid red; }
.hui-border-col-blue { border-left: 1px solid blue; border-right: 1px solid blue; }
.hui-border-col-pink { border-left: 1px solid pink; border-right: 1px solid pink; }
.hui-border-col-yellow { border-left: 1px solid yellow; border-right: 1px solid yellow; }
.hui-border-col-gray { border-left: 1px solid gray; border-right: 1px solid gray; }
/*扁平化边线颜色*/
.hui-border-col-turquoise,
.hui-border-col-turquoise-active { border-left: 1px solid #1abc9c; border-right: 1px solid #1abc9c; }
.hui-border-col-turquoise-active:active { border-left: 1px solid #1dd2af; border-right: 1px solid #1dd2af; }
.hui-border-col-emerald,
.hui-border-col-emerald-active { border-left: 1px solid #2ecc71; border-right: 1px solid #2ecc71; }
.hui-border-col-emerald-active:active { border-left: 1px solid #40d47e; border-right: 1px solid #40d47e; }
.hui-border-col-peterRiver,
.hui-border-col-peterRiver-active { border-left: 1px solid #3498db; border-right: 1px solid #3498db; }
.hui-border-col-peterRiver-active:active { border-left: 1px solid #4aa3df; border-right: 1px solid #4aa3df; }
.hui-border-col-amethyst,
.hui-border-col-amethyst-active { border-left: 1px solid #9b59b6; border-right: 1px solid #9b59b6; }
.hui-border-col-amethyst-active:active { border-left: 1px solid #a66bbe; border-right: 1px solid #a66bbe; }
.hui-border-col-wetAsphalt,
.hui-border-col-wetAsphalt-active { border-left: 1px solid #34495e; border-right: 1px solid #34495e; }
.hui-border-col-wetAsphalt-active:active { border-left: 1px solid #3d566e; border-right: 1px solid #3d566e; }
.hui-border-col-greenSea,
.hui-border-col-greenSea-active { border-left: 1px solid #16a085; border-right: 1px solid #16a085; }
.hui-border-col-greenSea-active:active { border-left: 1px solid #19b698; border-right: 1px solid #19b698; }
.hui-border-col-nephritis,
.hui-border-col-nephritis-active { border-left: 1px solid #27ae60; border-right: 1px solid #27ae60; }
.hui-border-col-nephritis-active:active { border-left: 1px solid #2cc36b; border-right: 1px solid #2cc36b; }
.hui-border-col-belizeHole,
.hui-border-col-belizeHole-active { border-left: 1px solid #2980b9; border-right: 1px solid #2980b9; }
.hui-border-col-belizeHole-active:active { border-left: 1px solid #2e8ece; border-right: 1px solid #2e8ece; }
.hui-border-col-wisteria,
.hui-border-col-wisteria-active { border-left: 1px solid #8e44ad; border-right: 1px solid #8e44ad; }
.hui-border-col-wisteria-active:active { border-left: 1px solid #9b50ba; border-right: 1px solid #9b50ba; }
.hui-border-col-midnightBlue,
.hui-border-col-midnightBlue-active { border-left: 1px solid #2c3e50; border-right: 1px solid #2c3e50; }
.hui-border-col-midnightBlue-active:active { border-left: 1px solid #354b60; border-right: 1px solid #354b60; }
.hui-border-col-sunFlower,
.hui-border-col-sunFlower-active { border-left: 1px solid #f1c40f; border-right: 1px solid #f1c40f; }
.hui-border-col-sunFlower-active:active { border-left: 1px solid #f2ca27; border-right: 1px solid #f2ca27; }
.hui-border-col-carrot,
.hui-border-col-carrot-active { border-left: 1px solid #e67e22; border-right: 1px solid #e67e22; }
.hui-border-col-carrot-active:active { border-left: 1px solid #e98b39; border-right: 1px solid #e98b39; }
.hui-border-col-alizarin,
.hui-border-col-alizarin-active { border-left: 1px solid #e74c3c; border-right: 1px solid #e74c3c; }
.hui-border-col-alizarin-active:active { border-left: 1px solid #ea6153; border-right: 1px solid #ea6153; }
.hui-border-col-clouds,
.hui-border-col-clouds-active { border-left: 1px solid #ecf0f1; border-right: 1px solid #ecf0f1; }
.hui-border-col-clouds-active:active { border-left: 1px solid #fbfcfc; border-right: 1px solid #fbfcfc; }
.hui-border-col-concrete,
.hui-border-col-concrete-active { border-left: 1px solid #95a5a6; border-right: 1px solid #95a5a6; }
.hui-border-col-concrete-active:active { border-left: 1px solid #a3b1b2; border-right: 1px solid #a3b1b2; }
.hui-border-col-orange,
.hui-border-col-orange-active { border-left: 1px solid #f39c12; border-right: 1px solid #f39c12; }
.hui-border-col-orange-active:active { border-left: 1px solid #f4a62a; border-right: 1px solid #f4a62a; }
.hui-border-col-pumpkin,
.hui-border-col-pumpkin-active { border-left: 1px solid #d35400; border-right: 1px solid #d35400; }
.hui-border-col-pumpkin-active:active { border-left: 1px solid #ec5e00; border-right: 1px solid #ec5e00; }
.hui-border-col-pomegranate,
.hui-border-col-pomegranate-active { border-left: 1px solid #c0392b; border-right: 1px solid #c0392b; }
.hui-border-col-pomegranate-active:active { border-left: 1px solid #d14233; border-right: 1px solid #d14233; }
.hui-border-col-silver,
.hui-border-col-silver-active { border-left: 1px solid #bdc3c7; border-right: 1px solid #bdc3c7; }
.hui-border-col-silver-active:active { border-left: 1px solid #cbd0d3; border-right: 1px solid #cbd0d3; }
.hui-border-col-asbestos,
.hui-border-col-asbestos-active { border-left: 1px solid #7f8c8d; border-right: 1px solid #7f8c8d; }
.hui-border-col-asbestos-active:active { border-left: 1px solid #8c9899; border-right: 1px solid #8c9899; }
/*水平1px线实线*/
/*常见十六进制边线颜色*/
.hui-border-row-333 { border-top: 1px solid #333; border-bottom: 1px solid #333; }
.hui-border-row-444 { border-top: 1px solid #444; border-bottom: 1px solid #444; }
.hui-border-row-666 { border-top: 1px solid #666; border-bottom: 1px solid #666; }
.hui-border-row-999 { border-top: 1px solid #999; border-bottom: 1px solid #999; }
.hui-border-row-ccc { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; }
.hui-border-row-eee { border-top: 1px solid #eee; border-bottom: 1px solid #eee; }
.hui-border-row-f4f4f4 { border-top: 1px solid #f4f4f4; border-bottom: 1px solid #f4f4f4; }
.hui-border-row-f5f5f5 { border-top: 1px solid #f5f5f5; border-bottom: 1px solid #f5f5f5; }
.hui-border-row-dedede { border-top: 1px solid #dedede; border-bottom: 1px solid #dedede; }
.hui-border-row-e6e6e6 { border-top: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; }
/*单色边线颜色*/
.hui-border-row-black { border-top: 1px solid black; border-bottom: 1px solid black; }
.hui-border-row-white { border-top: 1px solid white; border-bottom: 1px solid white; }
.hui-border-row-red { border-top: 1px solid red; border-bottom: 1px solid red; }
.hui-border-row-blue { border-top: 1px solid blue; border-bottom: 1px solid blue; }
.hui-border-row-pink { border-top: 1px solid pink; border-bottom: 1px solid pink; }
.hui-border-row-yellow { border-top: 1px solid black; border-bottom: 1px solid yellow; }
.hui-border-row-gray { border-top: 1px solid gray; border-bottom: 1px solid gray; }
/*扁平化边线颜色*/
.hui-border-row-turquoise,
.hui-border-row-turquoise-active { border-top: 1px solid #1abc9c; border-bottom: 1px solid #1abc9c; }
.hui-border-row-turquoise-active:active { border-top: 1px solid #1dd2af; border-bottom: 1px solid #1dd2af; }
.hui-border-row-emerald,
.hui-border-row-emerald-active { border-top: 1px solid #2ecc71; border-bottom: 1px solid #2ecc71; }
.hui-border-row-emerald-active:active { border-top: 1px solid #40d47e; border-bottom: 1px solid #40d47e; }
.hui-border-row-peterRiver,
.hui-border-row-peterRiver-active { border-top: 1px solid #3498db; border-bottom: 1px solid #3498db; }
.hui-border-row-peterRiver-active:active { border-top: 1px solid #4aa3df; border-bottom: 1px solid #4aa3df; }
.hui-border-row-amethyst,
.hui-border-row-amethyst-active { border-top: 1px solid #9b59b6; border-bottom: 1px solid #9b59b6; }
.hui-border-row-amethyst-active:active { border-top: 1px solid #a66bbe; border-bottom: 1px solid #a66bbe; }
.hui-border-row-wetAsphalt,
.hui-border-row-wetAsphalt-active { border-top: 1px solid #34495e; border-bottom: 1px solid #34495e; }
.hui-border-row-wetAsphalt-active:active { border-top: 1px solid #3d566e; border-bottom: 1px solid #3d566e; }
.hui-border-row-greenSea,
.hui-border-row-greenSea-active { border-top: 1px solid #16a085; border-bottom: 1px solid #16a085; }
.hui-border-row-greenSea-active:active { border-top: 1px solid #19b698; border-bottom: 1px solid #19b698; }
.hui-border-row-nephritis,
.hui-border-row-nephritis-active { border-top: 1px solid #27ae60; border-bottom: 1px solid #27ae60; }
.hui-border-row-nephritis-active:active { border-top: 1px solid #2cc36b; border-bottom: 1px solid #2cc36b; }
.hui-border-row-belizeHole,
.hui-border-row-belizeHole-active { border-top: 1px solid #2980b9; border-bottom: 1px solid #2980b9; }
.hui-border-row-belizeHole-active:active { border-top: 1px solid #2e8ece; border-bottom: 1px solid #2e8ece; }
.hui-border-row-wisteria,
.hui-border-row-wisteria-active { border-top: 1px solid #8e44ad; border-bottom: 1px solid #8e44ad; }
.hui-border-row-wisteria-active:active { border-top: 1px solid #9b50ba; border-bottom: 1px solid #9b50ba; }
.hui-border-row-midnightBlue,
.hui-border-row-midnightBlue-active { border-top: 1px solid #2c3e50; border-bottom: 1px solid #2c3e50; }
.hui-border-row-midnightBlue-active:active { border-top: 1px solid #354b60; border-bottom: 1px solid #354b60; }
.hui-border-row-sunFlower,
.hui-border-row-sunFlower-active { border-top: 1px solid #f1c40f; border-bottom: 1px solid #f1c40f; }
.hui-border-row-sunFlower-active:active { border-top: 1px solid #f2ca27; border-bottom: 1px solid #f2ca27; }
.hui-border-row-carrot,
.hui-border-row-carrot-active { border-top: 1px solid #e67e22; border-bottom: 1px solid #e67e22; }
.hui-border-row-carrot-active:active { border-top: 1px solid #e98b39; border-bottom: 1px solid #e98b39; }
.hui-border-row-alizarin,
.hui-border-row-alizarin-active { border-top: 1px solid #e74c3c; border-bottom: 1px solid #e74c3c; }
.hui-border-row-alizarin-active:active { border-top: 1px solid #ea6153; border-bottom: 1px solid #ea6153; }
.hui-border-row-clouds,
.hui-border-row-clouds-active { border-top: 1px solid #ecf0f1; border-bottom: 1px solid #ecf0f1; }
.hui-border-row-clouds-active:active { border-top: 1px solid #fbfcfc; border-bottom: 1px solid #fbfcfc; }
.hui-border-row-concrete,
.hui-border-row-concrete-active { border-top: 1px solid #95a5a6; border-bottom: 1px solid #95a5a6; }
.hui-border-row-concrete-active:active { border-top: 1px solid #a3b1b2; border-bottom: 1px solid #a3b1b2; }
.hui-border-row-orange,
.hui-border-row-orange-active { border-top: 1px solid #f39c12; border-bottom: 1px solid #f39c12; }
.hui-border-row-orange-active:active { border-top: 1px solid #f4a62a; border-bottom: 1px solid #f4a62a; }
.hui-border-row-pumpkin,
.hui-border-row-pumpkin-active { border-top: 1px solid #d35400; border-bottom: 1px solid #d35400; }
.hui-border-row-pumpkin-active:active { border-top: 1px solid #ec5e00; border-bottom: 1px solid #ec5e00; }
.hui-border-row-pomegranate,
.hui-border-row-pomegranate-active { border-top: 1px solid #c0392b; border-bottom: 1px solid #c0392b; }
.hui-border-row-pomegranate-active:active { border-top: 1px solid #d14233; border-bottom: 1px solid #d14233; }
.hui-border-row-silver,
.hui-border-row-silver-active { border-top: 1px solid #bdc3c7; border-bottom: 1px solid #bdc3c7; }
.hui-border-row-silver-active:active { border-top: 1px solid #cbd0d3; border-bottom: 1px solid #cbd0d3; }
.hui-border-row-asbestos,
.hui-border-row-asbestos-active { border-top: 1px solid #7f8c8d; border-bottom: 1px solid #7f8c8d; }
.hui-border-row-asbestos-active:active { border-top: 1px solid #8c9899; border-bottom: 1px solid #8c9899; }
/*左边1px线实线*/
/*常见十六进制边线颜色*/
.hui-border-left-333 { border-left: 1px solid #333; }
.hui-border-left-444 { border-left: 1px solid #444; }
.hui-border-left-666 { border-left: 1px solid #666; }
.hui-border-left-999 { border-left: 1px solid #999; }
.hui-border-left-ccc { border-left: 1px solid #ccc; }
.hui-border-left-eee { border-left: 1px solid #eee; }
.hui-border-left-f4f4f4 { border-left: 1px solid #f4f4f4; }
.hui-border-left-f5f5f5 { border-left: 1px solid #f5f5f5; }
.hui-border-left-dedede { border-left: 1px solid #dedede; }
.hui-border-left-e6e6e6 { border-left: 1px solid #e6e6e6; }
/*单色边线颜色*/
.hui-border-left-black { border-left: 1px solid black; }
.hui-border-left-white { border-left: 1px solid white; }
.hui-border-left-red { border-left: 1px solid red; }
.hui-border-left-blue { border-left: 1px solid blue; }
.hui-border-left-pink { border-left: 1px solid pink; }
.hui-border-left-yellow { border-left: 1px solid yellow; }
.hui-border-left-gray { border-left: 1px solid gray; }
/*扁平化边线颜色*/
.hui-border-left-turquoise,
.hui-border-left-turquoise-active { border-left: 1px solid #1abc9c; }
.hui-border-left-turquoise-active:active { border-left: 1px solid #1dd2af; }
.hui-border-left-emerald,
.hui-border-left-emerald-active { border-left: 1px solid #2ecc71; }
.hui-border-left-emerald-active:active { border-left: 1px solid #40d47e; }
.hui-border-left-peterRiver,
.hui-border-left-peterRiver-active { border-left: 1px solid #3498db; }
.hui-border-left-peterRiver-active:active { border-left: 1px solid #4aa3df; }
.hui-border-left-amethyst,
.hui-border-left-amethyst-active { border-left: 1px solid #9b59b6; }
.hui-border-left-amethyst-active:active { border-left: 1px solid #a66bbe; }
.hui-border-left-wetAsphalt,
.hui-border-left-wetAsphalt-active { border-left: 1px solid #34495e; }
.hui-border-left-wetAsphalt-active:active { border-left: 1px solid #3d566e; }
.hui-border-left-greenSea,
.hui-border-left-greenSea-active { border-left: 1px solid #16a085; }
.hui-border-left-greenSea-active:active { border-left: 1px solid #19b698; }
.hui-border-left-nephritis,
.hui-border-left-nephritis-active { border-left: 1px solid #27ae60; }
.hui-border-left-nephritis-active:active { border-left: 1px solid #2cc36b; }
.hui-border-left-belizeHole,
.hui-border-left-belizeHole-active { border-left: 1px solid #2980b9; }
.hui-border-left-belizeHole-active:active { border-left: 1px solid #2e8ece; }
.hui-border-left-wisteria,
.hui-border-left-wisteria-active { border-left: 1px solid #8e44ad; }
.hui-border-left-wisteria-active:active { border-left: 1px solid #9b50ba; }
.hui-border-left-midnightBlue,
.hui-border-left-midnightBlue-active { border-left: 1px solid #2c3e50; }
.hui-border-left-midnightBlue-active:active { border-left: 1px solid #354b60; }
.hui-border-left-sunFlower,
.hui-border-left-sunFlower-active { border-left: 1px solid #f1c40f; }
.hui-border-left-sunFlower-active:active { border-left: 1px solid #f2ca27; }
.hui-border-left-carrot,
.hui-border-left-carrot-active { border-left: 1px solid #e67e22; }
.hui-border-left-carrot-active:active { border-left: 1px solid #e98b39; }
.hui-border-left-alizarin,
.hui-border-left-alizarin-active { border-left: 1px solid #e74c3c; }
.hui-border-left-alizarin-active:active { border-left: 1px solid #ea6153; }
.hui-border-left-clouds,
.hui-border-left-clouds-active { border-left: 1px solid #ecf0f1; }
.hui-border-left-clouds-active:active { border-left: 1px solid #fbfcfc; }
.hui-border-left-concrete,
.hui-border-left-concrete-active { border-left: 1px solid #95a5a6; }
.hui-border-left-concrete-active:active { border-left: 1px solid #a3b1b2; }
.hui-border-left-orange,
.hui-border-left-orange-active { border-left: 1px solid #f39c12; }
.hui-border-left-orange-active:active { border-left: 1px solid #f4a62a; }
.hui-border-left-pumpkin,
.hui-border-left-pumpkin-active { border-left: 1px solid #d35400; }
.hui-border-left-pumpkin-active:active { border-left: 1px solid #ec5e00; }
.hui-border-left-pomegranate,
.hui-border-left-pomegranate-active { border-left: 1px solid #c0392b; }
.hui-border-left-pomegranate-active:active { border-left: 1px solid #d14233; }
.hui-border-left-silver,
.hui-border-left-silver-active { border-left: 1px solid #bdc3c7; }
.hui-border-left-silver-active:active { border-left: 1px solid #cbd0d3; }
.hui-border-left-asbestos,
.hui-border-left-asbestos-active { border-left: 1px solid #7f8c8d; }
.hui-border-left-asbestos-active:active { border-left: 1px solid #8c9899; }
/*右边1px线实线*/
/*常见十六进制边线颜色*/
.hui-border-right-333 { border-right: 1px solid #333; }
.hui-border-right-444 { border-right: 1px solid #444; }
.hui-border-right-666 { border-right: 1px solid #666; }
.hui-border-right-999 { border-right: 1px solid #999; }
.hui-border-right-ccc { border-right: 1px solid #ccc; }
.hui-border-right-eee { border-right: 1px solid #eee; }
.hui-border-right-f4f4f4 { border-right: 1px solid #f4f4f4; }
.hui-border-right-f5f5f5 { border-right: 1px solid #f5f5f5; }
.hui-border-right-dedede { border-right: 1px solid #dedede; }
.hui-border-right-e6e6e6 { border-right: 1px solid #e6e6e6; }
/*单色边线颜色*/
.hui-border-right-black { border-right: 1px solid black; }
.hui-border-right-white { border-right: 1px solid white; }
.hui-border-right-red { border-right: 1px solid red; }
.hui-border-right-blue { border-right: 1px solid blue; }
.hui-border-right-pink { border-right: 1px solid pink; }
.hui-border-right-yellow { border-right: 1px solid yellow; }
.hui-border-right-gray { border-right: 1px solid gray; }
/*扁平化边线颜色*/
.hui-border-right-turquoise,
.hui-border-right-turquoise-active { border-right: 1px solid #1abc9c; }
.hui-border-right-turquoise-active:active { border-right: 1px solid #1dd2af; }
.hui-border-right-emerald,
.hui-border-right-emerald-active { border-right: 1px solid #2ecc71; }
.hui-border-right-emerald-active:active { border-right: 1px solid #40d47e; }
.hui-border-right-peterRiver,
.hui-border-right-peterRiver-active { border-right: 1px solid #3498db; }
.hui-border-right-peterRiver-active:active { border-right: 1px solid #4aa3df; }
.hui-border-right-amethyst,
.hui-border-right-amethyst-active { border-right: 1px solid #9b59b6; }
.hui-border-right-amethyst-active:active { border-right: 1px solid #a66bbe; }
.hui-border-right-wetAsphalt,
.hui-border-right-wetAsphalt-active { border-right: 1px solid #34495e; }
.hui-border-right-wetAsphalt-active:active { border-right: 1px solid #3d566e; }
.hui-border-right-greenSea,
.hui-border-right-greenSea-active { border-right: 1px solid #16a085; }
.hui-border-right-greenSea-active:active { border-right: 1px solid #19b698; }
.hui-border-right-nephritis,
.hui-border-right-nephritis-active { border-right: 1px solid #27ae60; }
.hui-border-right-nephritis-active:active { border-right: 1px solid #2cc36b; }
.hui-border-right-belizeHole,
.hui-border-right-belizeHole-active { border-right: 1px solid #2980b9; }
.hui-border-right-belizeHole-active:active { border-right: 1px solid #2e8ece; }
.hui-border-right-wisteria,
.hui-border-right-wisteria-active { border-right: 1px solid #8e44ad; }
.hui-border-right-wisteria-active:active { border-right: 1px solid #9b50ba; }
.hui-border-right-midnightBlue,
.hui-border-right-midnightBlue-active { border-right: 1px solid #2c3e50; }
.hui-border-right-midnightBlue-active:active { border-right: 1px solid #354b60; }
.hui-border-right-sunFlower,
.hui-border-right-sunFlower-active { border-right: 1px solid #f1c40f; }
.hui-border-right-sunFlower-active:active { border-right: 1px solid #f2ca27; }
.hui-border-right-carrot,
.hui-border-right-carrot-active { border-right: 1px solid #e67e22; }
.hui-border-right-carrot-active:active { border-right: 1px solid #e98b39; }
.hui-border-right-alizarin,
.hui-border-right-alizarin-active { border-right: 1px solid #e74c3c; }
.hui-border-right-alizarin-active:active { border-right: 1px solid #ea6153; }
.hui-border-right-clouds,
.hui-border-right-clouds-active { border-right: 1px solid #ecf0f1; }
.hui-border-right-clouds-active:active { border-right: 1px solid #fbfcfc; }
.hui-border-right-concrete,
.hui-border-right-concrete-active { border-right: 1px solid #95a5a6; }
.hui-border-right-concrete-active:active { border-right: 1px solid #a3b1b2; }
.hui-border-right-orange,
.hui-border-right-orange-active { border-right: 1px solid #f39c12; }
.hui-border-right-orange-active:active { border-right: 1px solid #f4a62a; }
.hui-border-right-pumpkin,
.hui-border-right-pumpkin-active { border-right: 1px solid #d35400; }
.hui-border-right-pumpkin-active:active { border-right: 1px solid #ec5e00; }
.hui-border-right-pomegranate,
.hui-border-right-pomegranate-active { border-right: 1px solid #c0392b; }
.hui-border-right-pomegranate-active:active { border-right: 1px solid #d14233; }
.hui-border-right-silver,
.hui-border-right-silver-active { border-right: 1px solid #bdc3c7; }
.hui-border-right-silver-active:active { border-right: 1px solid #cbd0d3; }
.hui-border-right-asbestos,
.hui-border-right-asbestos-active { border-right: 1px solid #7f8c8d; }
.hui-border-right-asbestos-active:active { border-right: 1px solid #8c9899; }
/*上边1px线实线*/
/*常见十六进制边线颜色*/
.hui-border-top-333 { border-top: 1px solid #333; }
.hui-border-top-444 { border-top: 1px solid #444; }
.hui-border-top-666 { border-top: 1px solid #666; }
.hui-border-top-999 { border-top: 1px solid #999; }
.hui-border-top-ccc { border-top: 1px solid #ccc; }
.hui-border-top-eee { border-top: 1px solid #eee; }
.hui-border-top-f4f4f4 { border-top: 1px solid #f4f4f4; }
.hui-border-top-f5f5f5 { border-top: 1px solid #f5f5f5; }
.hui-border-top-dedede { border-top: 1px solid #dedede; }
.hui-border-top-e6e6e6 { border-top: 1px solid #e6e6e6; }
/*单色边线颜色*/
.hui-border-top-black { border-top: 1px solid black; }
.hui-border-top-white { border-top: 1px solid white; }
.hui-border-top-red { border-top: 1px solid red; }
.hui-border-top-blue { border-top: 1px solid blue; }
.hui-border-top-pink { border-top: 1px solid pink; }
.hui-border-top-yellow { border-top: 1px solid yellow; }
.hui-border-top-gray { border-top: 1px solid gray; }
/*扁平化边线颜色*/
.hui-border-top-turquoise,
.hui-border-top-turquoise-active { border-top: 1px solid #1abc9c; }
.hui-border-top-turquoise-active:active { border-top: 1px solid #1dd2af; }
.hui-border-top-emerald,
.hui-border-top-emerald-active { border-top: 1px solid #2ecc71; }
.hui-border-top-emerald-active:active { border-top: 1px solid #40d47e; }
.hui-border-top-peterRiver,
.hui-border-top-peterRiver-active { border-top: 1px solid #3498db; }
.hui-border-top-peterRiver-active:active { border-top: 1px solid #4aa3df; }
.hui-border-top-amethyst,
.hui-border-top-amethyst-active { border-top: 1px solid #9b59b6; }
.hui-border-top-amethyst-active:active { border-top: 1px solid #a66bbe; }
.hui-border-top-wetAsphalt,
.hui-border-top-wetAsphalt-active { border-top: 1px solid #34495e; }
.hui-border-top-wetAsphalt-active:active { border-top: 1px solid #3d566e; }
.hui-border-top-greenSea,
.hui-border-top-greenSea-active { border-top: 1px solid #16a085; }
.hui-border-top-greenSea-active:active { border-top: 1px solid #19b698; }
.hui-border-top-nephritis,
.hui-border-top-nephritis-active { border-top: 1px solid #27ae60; }
.hui-border-top-nephritis-active:active { border-top: 1px solid #2cc36b; }
.hui-border-top-belizeHole,
.hui-border-top-belizeHole-active { border-top: 1px solid #2980b9; }
.hui-border-top-belizeHole-active:active { border-top: 1px solid #2e8ece; }
.hui-border-top-wisteria,
.hui-border-top-wisteria-active { border-top: 1px solid #8e44ad; }
.hui-border-top-wisteria-active:active { border-top: 1px solid #9b50ba; }
.hui-border-top-midnightBlue,
.hui-border-top-midnightBlue-active { border-top: 1px solid #2c3e50; }
.hui-border-top-midnightBlue-active:active { border-top: 1px solid #354b60; }
.hui-border-top-sunFlower,
.hui-border-top-sunFlower-active { border-top: 1px solid #f1c40f; }
.hui-border-top-sunFlower-active:active { border-top: 1px solid #f2ca27; }
.hui-border-top-carrot,
.hui-border-top-carrot-active { border-top: 1px solid #e67e22; }
.hui-border-top-carrot-active:active { border-top: 1px solid #e98b39; }
.hui-border-top-alizarin,
.hui-border-top-alizarin-active { border-top: 1px solid #e74c3c; }
.hui-border-top-alizarin-active:active { border-top: 1px solid #ea6153; }
.hui-border-top-clouds,
.hui-border-top-clouds-active { border-top: 1px solid #ecf0f1; }
.hui-border-top-clouds-active:active { border-top: 1px solid #fbfcfc; }
.hui-border-top-concrete,
.hui-border-top-concrete-active { border-top: 1px solid #95a5a6; }
.hui-border-top-concrete-active:active { border-top: 1px solid #a3b1b2; }
.hui-border-top-orange,
.hui-border-top-orange-active { border-top: 1px solid #f39c12; }
.hui-border-top-orange-active:active { border-top: 1px solid #f4a62a; }
.hui-border-top-pumpkin,
.hui-border-top-pumpkin-active { border-top: 1px solid #d35400; }
.hui-border-top-pumpkin-active:active { border-top: 1px solid #ec5e00; }
.hui-border-top-pomegranate,
.hui-border-top-pomegranate-active { border-top: 1px solid #c0392b; }
.hui-border-top-pomegranate-active:active { border-top: 1px solid #d14233; }
.hui-border-top-silver,
.hui-border-top-silver-active { border-top: 1px solid #bdc3c7; }
.hui-border-top-silver-active:active { border-top: 1px solid #cbd0d3; }
.hui-border-top-asbestos,
.hui-border-top-asbestos-active { border-top: 1px solid #7f8c8d; }
.hui-border-top-asbestos-active:active { border-top: 1px solid #8c9899; }
/*下边1px线实线*/
/*常见十六进制边线颜色*/
.hui-border-bottom-333 { border-bottom: 1px solid #333; }
.hui-border-bottom-444 { border-bottom: 1px solid #444; }
.hui-border-bottom-666 { border-bottom: 1px solid #666; }
.hui-border-bottom-999 { border-bottom: 1px solid #999; }
.hui-border-bottom-ccc { border-bottom: 1px solid #ccc; }
.hui-border-bottom-eee { border-bottom: 1px solid #eee; }
.hui-border-bottom-f4f4f4 { border-bottom: 1px solid #f4f4f4; }
.hui-border-bottom-f5f5f5 { border-bottom: 1px solid #f5f5f5; }
.hui-border-bottom-dedede { border-bottom: 1px solid #dedede; }
.hui-border-bottom-e6e6e6 { border-bottom: 1px solid #e6e6e6; }
/*单色边线颜色*/
.hui-border-bottom-black { border-bottom: 1px solid black; }
.hui-border-bottom-white { border-bottom: 1px solid white; }
.hui-border-bottom-red { border-bottom: 1px solid red; }
.hui-border-bottom-blue { border-bottom: 1px solid blue; }
.hui-border-bottom-pink { border-bottom: 1px solid pink; }
.hui-border-bottom-yellow { border-bottom: 1px solid yellow; }
.hui-border-bottom-gray { border-bottom: 1px solid gray; }
/*扁平化边线颜色*/
.hui-border-bottom-turquoise,
.hui-border-bottom-turquoise-active { border-bottom: 1px solid #1abc9c; }
.hui-border-bottom-turquoise-active:active { border-bottom: 1px solid #1dd2af; }
.hui-border-bottom-emerald,
.hui-border-bottom-emerald-active { border-bottom: 1px solid #2ecc71; }
.hui-border-bottom-emerald-active:active { border-bottom: 1px solid #40d47e; }
.hui-border-bottom-peterRiver,
.hui-border-bottom-peterRiver-active { border-bottom: 1px solid #3498db; }
.hui-border-bottom-peterRiver-active:active { border-bottom: 1px solid #4aa3df; }
.hui-border-bottom-amethyst,
.hui-border-bottom-amethyst-active { border-bottom: 1px solid #9b59b6; }
.hui-border-bottom-amethyst-active:active { border-bottom: 1px solid #a66bbe; }
.hui-border-bottom-wetAsphalt,
.hui-border-bottom-wetAsphalt-active { border-bottom: 1px solid #34495e; }
.hui-border-bottom-wetAsphalt-active:active { border-bottom: 1px solid #3d566e; }
.hui-border-bottom-greenSea,
.hui-border-bottom-greenSea-active { border-bottom: 1px solid #16a085; }
.hui-border-bottom-greenSea-active:active { border-bottom: 1px solid #19b698; }
.hui-border-bottom-nephritis,
.hui-border-bottom-nephritis-active { border-bottom: 1px solid #27ae60; }
.hui-border-bottom-nephritis-active:active { border-bottom: 1px solid #2cc36b; }
.hui-border-bottom-belizeHole,
.hui-border-bottom-belizeHole-active { border-bottom: 1px solid #2980b9; }
.hui-border-bottom-belizeHole-active:active { border-bottom: 1px solid #2e8ece; }
.hui-border-bottom-wisteria,
.hui-border-bottom-wisteria-active { border-bottom: 1px solid #8e44ad; }
.hui-border-bottom-wisteria-active:active { border-bottom: 1px solid #9b50ba; }
.hui-border-bottom-midnightBlue,
.hui-border-bottom-midnightBlue-active { border-bottom: 1px solid #2c3e50; }
.hui-border-bottom-midnightBlue-active:active { border-bottom: 1px solid #354b60; }
.hui-border-bottom-sunFlower,
.hui-border-bottom-sunFlower-active { border-bottom: 1px solid #f1c40f; }
.hui-border-bottom-sunFlower-active:active { border-bottom: 1px solid #f2ca27; }
.hui-border-bottom-carrot,
.hui-border-bottom-carrot-active { border-bottom: 1px solid #e67e22; }
.hui-border-bottom-carrot-active:active { border-bottom: 1px solid #e98b39; }
.hui-border-bottom-alizarin,
.hui-border-bottom-alizarin-active { border-bottom: 1px solid #e74c3c; }
.hui-border-bottom-alizarin-active:active { border-bottom: 1px solid #ea6153; }
.hui-border-bottom-clouds,
.hui-border-bottom-clouds-active { border-bottom: 1px solid #ecf0f1; }
.hui-border-bottom-clouds-active:active { border-bottom: 1px solid #fbfcfc; }
.hui-border-bottom-concrete,
.hui-border-bottom-concrete-active { border-bottom: 1px solid #95a5a6; }
.hui-border-bottom-concrete-active:active { border-bottom: 1px solid #a3b1b2; }
.hui-border-bottom-orange,
.hui-border-bottom-orange-active { border-bottom: 1px solid #f39c12; }
.hui-border-bottom-orange-active:active { border-bottom: 1px solid #f4a62a; }
.hui-border-bottom-pumpkin,
.hui-border-bottom-pumpkin-active { border-bottom: 1px solid #d35400; }
.hui-border-bottom-pumpkin-active:active { border-bottom: 1px solid #ec5e00; }
.hui-border-bottom-pomegranate,
.hui-border-bottom-pomegranate-active { border-bottom: 1px solid #c0392b; }
.hui-border-bottom-pomegranate-active:active { border-bottom: 1px solid #d14233; }
.hui-border-bottom-silver,
.hui-border-bottom-silver-active { border-bottom: 1px solid #bdc3c7; }
.hui-border-bottom-silver-active:active { border-bottom: 1px solid #cbd0d3; }
.hui-border-bottom-asbestos,
.hui-border-bottom-asbestos-active { border-bottom: 1px solid #7f8c8d; }
.hui-border-bottom-asbestos-active:active { border-bottom: 1px solid #8c9899; }
/*链接下划线*/
.hui-text-decoration-underline { text-decoration: underline; }
.hui-text-decoration-solid { text-decoration: solid; }
.hui-text-decoration-dashed { text-decoration: dashed; }
.hui-text-decoration-dotted { text-decoration: dotted; }
.hui-text-decoration-none { text-decoration: none; }
/*文本换行处理*/
.hui-white-space-normal { white-space: normal; }
.hui-white-space-nowrap { white-space: nowrap; }
.hui-white-space-pre { white-space: pre; }
.hui-white-space-pre-line { white-space: pre-line; }
.hui-white-space-pre-wrap { white-space: pre-wrap; }
.hui-word-break-break-all { word-break: break-all; }
/*常见等宽宽度*/
.hui-width-col-1 { width: 100%; }
.hui-width-col-2 { width: 50%; }
.hui-width-col-3 { width: 33.33333333333333%; }
.hui-width-col-4 { width: 25%; }
.hui-width-col-5 { width: 20%; }
.hui-width-col-6 { width: 16.66666666666667%; }
/*图片等宽等高（Android 4.4+，IOS8+）*/
.hui-img-col-1 { width: 100vw; height: 100vw; }
.hui-img-col-2 { width: 50vw; height: 50vw; }
.hui-img-col-3 { width: 33.33333333333333vw; height: 33.33333333333333vw; }
.hui-img-col-4 { width: 25vw; height: 25vw; }
.hui-img-col-5 { width: 20vw; height: 20vw; }
.hui-img-col-6 { width: 16.66666666666667vw; height: 16.66666666666667vw; }
/*列表预设标记符*/
.hui-list-style-none { list-style: none; }
.hui-list-style-square { list-style: square; }
.hui-list-style-circle { list-style: circle; }
.hui-list-style-disc { list-style: disc; }
.hui-list-style-decimal { list-style: decimal; }
.hui-list-style-lower-alpha { list-style: lower-alpha; }
.hui-list-style-upper-alpha { list-style: upper-alpha; }
.hui-list-style-upper-roman { list-style: upper-roman; }
.hui-list-style-lower-roman { list-style: lower-roman; }
/*元素浮动*/
.hui-float-left { float: left; }
.hui-float-right { float: right; }
.hui-float-none { float: none; }
.hui-clear-both { clear: both; }
/*元素行块*/
.hui-display-inline { display: inline; }
.hui-display-block { display: block; }
.hui-display-table { display: table; }
.hui-display-table-cell { display: table-cell; }
.hui-display-inline-block { display: inline-block; }
.hui-display-none { display: none; }
/*行块优先级最高*/
.hui-display-inline-important { display: inline !important; }
.hui-display-block-important { display: block !important; }
.hui-display-inline-block-important { display: inline-block !important; }
.hui-display-none-important { display: none !important; }
/* 元素定位 */
.hui-position-fixed { position: fixed; }
.hui-position-absolute { position: absolute; }
.hui-position-relative { position: relative; }
.hui-position-static { position: static; }
/*元素显示隐藏*/
.hui-visibility-hidden { visibility: hidden; }
.hui-visibility-visible { visibility: visible; }
/* 文字显示行数 */
.hui-text-line-1,
.hui-text-line-2,
.hui-text-line-3,
.hui-text-line-4,
.hui-text-line-5 { display: -webkit-box; display: box; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word; white-space: normal !important; -webkit-box-orient: vertical; visibility: visible; }
.hui-text-line-1 { -webkit-line-clamp: 1; }
.hui-text-line-2 { -webkit-line-clamp: 2; }
.hui-text-line-3 { -webkit-line-clamp: 3; }
.hui-text-line-4 { -webkit-line-clamp: 4; }
.hui-text-line-5 { -webkit-line-clamp: 5; }
/* 文本对齐 */
.hui-text-align-center { text-align: center; }
.hui-text-align-left { text-align: left; }
.hui-text-align-right { text-align: right; }
/* 文本缩进 */
.hui-space-5 { text-indent: 5px; }
.hui-space-10 { text-indent: 10px; }
.hui-space-15 { text-indent: 15px; }
.hui-space-20 { text-indent: 20px; }
.hui-space-24 { text-indent: 24px; }
.hui-space-28 { text-indent: 28px; }
.hui-space-30 { text-indent: 30px; }
/*字体*/
.hui-font-family-arial { font-family: Arial; }
.hui-font-family-simsun { font-family: SimSun; }
.hui-font-family-yahei { font-family: 'Microsoft YaHei'; }
/*图片，表格，表单等块元素与行元素对齐*/
.hui-vertical-align-middle { vertical-align: middle; }
.hui-vertical-align-top { vertical-align: top; }
.hui-vertical-align-bottom { vertical-align: bottom; }
/* 流布局 */
.hui-display-box { display: -webkit-box; display: box; }
.hui-flexbox { display: -webkit-box; display: -webkit-flex; display: box; display: flexbox; display: flex; width: 100%; height: 100%; }
.hui-flexbox-col { display: -webkit-box; display: -webkit-flex; display: box; display: flexbox; display: flex; -webkit-box-orient: vertical; -webkit-flex-flow: column; flex-flow: column; height: 100%; -webkit-flex-direction: column; flex-direction: column; box-sizing: border-box; }
.hui-flexbox-row { display: -webkit-box; display: -webkit-flex; display: box; display: flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-flex-flow: row; flex-flow: row; width: 100%; -webkit-flex-direction: row; flex-direction: row; box-sizing: border-box; }
.hui-flexbox-item { -webkit-box-flex: 1; -webkit-flex: 1; flex: 1; box-sizing: border-box; overflow: hidden; }
/*行块元素水平垂直对齐*/
.hui-center-all { -webkit-box-orient: horizontal; -webkit-box-pack: center; -webkit-box-align: center; }
.hui-position-center-all { top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); }
/* 行块元素水平对齐 */
.hui-center-all,
.hui-row-center,
.hui-row-left,
.hui-row-right,
.hui-col-middle,
.hui-col-top,
.hui-col-bottom { display: -webkit-box; display: box; }
.hui-row-center { -webkit-box-orient: horizontal; -webkit-box-pack: center; }
.hui-row-left { -webkit-box-orient: horizontal; -webkit-box-pack: start; }
.hui-row-right { -webkit-box-orient: horizontal; -webkit-box-pack: end; }
.hui-position-row-center { left: 50%; -webkit-transform: translate(-50%,0); }
/* 行块元素垂直对齐 */
.hui-col-middle { -webkit-box-orient: horizontal; -webkit-box-align: center; }
.hui-col-top { -webkit-box-orient: horizontal; -webkit-box-align: start; }
.hui-col-bottom { -webkit-box-orient: horizontal; -webkit-box-align: end; }
.hui-position-col-middle { top: 50%; -webkit-transform: translate(0,-50%); }
/*元素水平排布，超出会有水平滚动条*/
.hui-rowbox { display: -webkit-box; display: -webkit-flex; display: box; display: flexbox; display: flex; position: relative; -webkit-box-orient: horizontal; box-sizing: border-box; }
.hui-rowbox-item { -webkit-box-align: center; box-sizing: border-box; }
/*盒模型（设置内边距，边线和宽度的关系）*/
.hui-box-sizing-border-box { box-sizing: border-box; }
.hui-box-sizing-content-box { box-sizing: content-box; }
.hui-box-sizing-padding-box { box-sizing: padding-box; }
/*常用超出隐藏，滚动条处理*/
.hui-overflow-visible, .hui-overflow-visible:after { overflow: visible; }
.hui-overflow-scroll, .hui-overflow-scroll :after { overflow: scroll; }
.hui-overflow-scrolling, .hui-overflow-scrolling:after { -webkit-overflow-scrolling: touch; overflow: scroll; }
.hui-overflow-hidden, .hui-overflow-hidden:after { overflow: hidden; }
.hui-overflow-auto, .hui-overflow-auto:after { overflow: auto; }
.hui-overflow-visible-important { overflow: visible !important; }
/*水平方向*/
.hui-overflow-x-visible, .hui-overflow-x-visible:after { overflow-x: visible; }
.hui-overflow-x-scroll, .hui-overflow-x-scroll:after { overflow-x: scroll; }
.hui-overflow-x-hidden, .hui-overflow-x-hidden:after { overflow-x: hidden; }
.hui-overflow-x-auto, .hui-overflow-x-auto:after { overflow-x: auto; }
/*垂直方向*/
.hui-overflow-y-visible, .hui-overflow-y-visible:after { overflow-y: visible; }
.hui-overflow-y-scroll, .hui-overflow-y-scroll:after { overflow-y: scroll; }
.hui-overflow-y-hidden, .hui-overflow-y-hidden:after { overflow-y: hidden; }
.hui-overflow-y-auto, .hui-overflow-y-auto:after { overflow-y: auto; }
/* 行高 */
.hui-line-height-0 { line-height: 0; }
.hui-line-height-18 { line-height: 18px; }
.hui-line-height-24 { line-height: 24px; }
.hui-line-height-26 { line-height: 26px; }
.hui-line-height-28 { line-height: 28px; }
.hui-line-height-default { line-height: 1.5; }
.hui-line-height-normal { line-height: normal; }
/*常见宽度*/
.hui-width-0 { width: 0; }
.hui-width-1 { width: 1px; }
.hui-width-2 { width: 2px; }
.hui-width-3 { width: 3px; }
.hui-width-4 { width: 4px; }
.hui-width-5 { width: 5px; }
.hui-width-8 { width: 8px; }
.hui-width-10 { width: 10px; }
.hui-width-16 { width: 16px; }
.hui-width-18 { width: 18px; }
.hui-width-20 { width: 20px; }
.hui-width-25 { width: 25px; }
.hui-width-30 { width: 30px; }
.hui-width-32 { width: 32px; }
.hui-width-40 { width: 40px; }
.hui-width-45 { width: 45px; }
.hui-width-50 { width: 50px; }
.hui-width-60 { width: 60px; }
.hui-width-70 { width: 70px; }
.hui-width-75 { width: 75px; }
.hui-width-80 { width: 80px; }
.hui-width-90 { width: 90px; }
.hui-width-100 { width: 100px; }
.hui-width-110 { width: 110px; }
.hui-width-120 { width: 120px; }
.hui-width-140 { width: 140px; }
.hui-width-150 { width: 150px; }
.hui-width-180 { width: 180px; }
.hui-width-200 { width: 200px; }
.hui-width-220 { width: 220px; }
.hui-width-240 { width: 240px; }
.hui-width-280 { width: 280px; }
.hui-width-320 { width: 320px; }
/*最小宽度*/
.hui-min-width-0 { min-width: 0; }
.hui-min-width-1 { min-width: 1px; }
.hui-min-width-2 { min-width: 2px; }
.hui-min-width-3 { min-width: 3px; }
.hui-min-width-4 { min-width: 4px; }
.hui-min-width-5 { min-width: 5px; }
.hui-min-width-8 { min-width: 8px; }
.hui-min-width-10 { min-width: 10px; }
.hui-min-width-16 { min-width: 16px; }
.hui-min-width-18 { min-width: 18px; }
.hui-min-width-20 { min-width: 20px; }
.hui-min-width-25 { min-width: 25px; }
.hui-min-width-30 { min-width: 30px; }
.hui-min-width-32 { min-width: 32px; }
.hui-min-width-40 { min-width: 40px; }
.hui-min-width-45 { min-width: 45px; }
.hui-min-width-50 { min-width: 50px; }
.hui-min-width-60 { min-width: 60px; }
.hui-min-width-70 { min-width: 70px; }
.hui-min-width-75 { min-width: 75px; }
.hui-min-width-80 { min-width: 80px; }
.hui-min-width-90 { min-width: 90px; }
.hui-min-width-100 { min-width: 100px; }
.hui-min-width-110 { min-width: 110px; }
.hui-min-width-120 { min-width: 120px; }
.hui-min-width-140 { min-width: 140px; }
.hui-min-width-150 { min-width: 150px; }
.hui-min-width-180 { min-width: 180px; }
.hui-min-width-200 { min-width: 200px; }
.hui-min-width-220 { min-width: 220px; }
.hui-min-width-240 { min-width: 240px; }
.hui-min-width-280 { min-width: 280px; }
.hui-min-width-320 { min-width: 320px; }
/*最大宽度*/
.hui-max-width-0 { max-width: 0; }
.hui-max-width-1 { max-width: 1px; }
.hui-max-width-2 { max-width: 2px; }
.hui-max-width-3 { max-width: 3px; }
.hui-max-width-4 { max-width: 4px; }
.hui-max-width-5 { max-width: 5px; }
.hui-max-width-8 { max-width: 8px; }
.hui-max-width-10 { max-width: 10px; }
.hui-max-width-16 { max-width: 16px; }
.hui-max-width-18 { max-width: 18px; }
.hui-max-width-20 { max-width: 20px; }
.hui-max-width-25 { max-width: 25px; }
.hui-max-width-30 { max-width: 30px; }
.hui-max-width-32 { max-width: 32px; }
.hui-max-width-40 { max-width: 40px; }
.hui-max-width-45 { max-width: 45px; }
.hui-max-width-50 { max-width: 50px; }
.hui-max-width-60 { max-width: 60px; }
.hui-max-width-70 { max-width: 70px; }
.hui-max-width-75 { max-width: 75px; }
.hui-max-width-80 { max-width: 80px; }
.hui-max-width-90 { max-width: 90px; }
.hui-max-width-100 { max-width: 100px; }
.hui-max-width-110 { max-width: 110px; }
.hui-max-width-120 { max-width: 120px; }
.hui-max-width-140 { max-width: 140px; }
.hui-max-width-150 { max-width: 150px; }
.hui-max-width-180 { max-width: 180px; }
.hui-max-width-200 { max-width: 200px; }
.hui-max-width-220 { max-width: 220px; }
.hui-max-width-240 { max-width: 240px; }
.hui-max-width-280 { max-width: 280px; }
.hui-max-width-320 { max-width: 320px; }
/*常见高度*/
.hui-height-0 { height: 0; }
.hui-height-1 { height: 1px; }
.hui-height-2 { height: 2px; }
.hui-height-3 { height: 3px; }
.hui-height-4 { height: 4px; }
.hui-height-5 { height: 5px; }
.hui-height-8 { height: 8px; }
.hui-height-10 { height: 10px; }
.hui-height-16 { height: 16px; }
.hui-height-18 { height: 18px; }
.hui-height-20 { height: 20px; }
.hui-height-25 { height: 25px; }
.hui-height-30 { height: 30px; }
.hui-height-32 { height: 32px; }
.hui-height-40 { height: 40px; }
.hui-height-45 { height: 45px; }
.hui-height-50 { height: 50px; }
.hui-height-55 { height: 55px; }
.hui-height-60 { height: 60px; }
.hui-height-70 { height: 70px; }
.hui-height-75 { height: 75px; }
.hui-height-80 { height: 80px; }
.hui-height-90 { height: 90px; }
.hui-height-100 { height: 100px; }
.hui-height-110 { height: 110px; }
.hui-height-120 { height: 120px; }
.hui-height-140 { height: 140px; }
.hui-height-150 { height: 150px; }
.hui-height-180 { height: 180px; }
.hui-height-200 { height: 200px; }
.hui-height-220 { height: 220px; }
.hui-height-240 { height: 240px; }
.hui-height-280 { height: 280px; }
.hui-height-320 { height: 320px; }
/*最小高度*/
.hui-min-height-0 { min-height: 0; }
.hui-min-height-1 { min-height: 1px; }
.hui-min-height-2 { min-height: 2px; }
.hui-min-height-3 { min-height: 3px; }
.hui-min-height-4 { min-height: 4px; }
.hui-min-height-5 { min-height: 5px; }
.hui-min-height-8 { min-height: 8px; }
.hui-min-height-10 { min-height: 10px; }
.hui-min-height-16 { min-height: 16px; }
.hui-min-height-18 { min-height: 18px; }
.hui-min-height-20 { min-height: 20px; }
.hui-min-height-25 { min-height: 25px; }
.hui-min-height-30 { min-height: 30px; }
.hui-min-height-32 { min-height: 32px; }
.hui-min-height-40 { min-height: 40px; }
.hui-min-height-45 { min-height: 45px; }
.hui-min-height-50 { min-height: 50px; }
.hui-min-height-60 { min-height: 60px; }
.hui-min-height-70 { min-height: 70px; }
.hui-min-height-75 { min-height: 75px; }
.hui-min-height-80 { min-height: 80px; }
.hui-min-height-90 { min-height: 90px; }
.hui-min-height-100 { min-height: 100px; }
.hui-min-height-110 { min-height: 110px; }
.hui-min-height-120 { min-height: 120px; }
.hui-min-height-140 { min-height: 140px; }
.hui-min-height-150 { min-height: 150px; }
.hui-min-height-180 { min-height: 180px; }
.hui-min-height-200 { min-height: 200px; }
.hui-min-height-220 { min-height: 220px; }
.hui-min-height-240 { min-height: 240px; }
.hui-min-height-280 { min-height: 280px; }
.hui-min-height-320 { min-height: 320px; }
/*最大高度*/
.hui-max-height-0 { max-height: 0; }
.hui-max-height-1 { max-height: 1px; }
.hui-max-height-2 { max-height: 2px; }
.hui-max-height-3 { max-height: 3px; }
.hui-max-height-4 { max-height: 4px; }
.hui-max-height-5 { max-height: 5px; }
.hui-max-height-8 { max-height: 8px; }
.hui-max-height-10 { max-height: 10px; }
.hui-max-height-16 { max-height: 16px; }
.hui-max-height-18 { max-height: 18px; }
.hui-max-height-20 { max-height: 20px; }
.hui-max-height-25 { max-height: 25px; }
.hui-max-height-30 { max-height: 30px; }
.hui-max-height-32 { max-height: 32px; }
.hui-max-height-40 { max-height: 40px; }
.hui-max-height-45 { max-height: 45px; }
.hui-max-height-50 { max-height: 50px; }
.hui-max-height-60 { max-height: 60px; }
.hui-max-height-70 { max-height: 70px; }
.hui-max-height-75 { max-height: 75px; }
.hui-max-height-80 { max-height: 80px; }
.hui-max-height-90 { max-height: 90px; }
.hui-max-height-100 { max-height: 100px; }
.hui-max-height-110 { max-height: 110px; }
.hui-max-height-120 { max-height: 120px; }
.hui-max-height-140 { max-height: 140px; }
.hui-max-height-150 { max-height: 150px; }
.hui-max-height-180 { max-height: 180px; }
.hui-max-height-200 { max-height: 200px; }
.hui-max-height-220 { max-height: 220px; }
.hui-max-height-240 { max-height: 240px; }
.hui-max-height-280 { max-height: 280px; }
.hui-max-height-320 { max-height: 320px; }
/*正方形*/
.hui-width-height-0 { width: 0; height: 0; }
.hui-width-height-1 { width: 1px; height: 1px; }
.hui-width-height-2 { width: 2px; height: 2px; }
.hui-width-height-3 { width: 3px; height: 3px; }
.hui-width-height-4 { width: 4px; height: 4px; }
.hui-width-height-5 { width: 5px; height: 5px; }
.hui-width-height-8 { width: 8px; height: 8px; }
.hui-width-height-10 { width: 10px; height: 10px; }
.hui-width-height-16 { width: 16px; height: 16px; }
.hui-width-height-18 { width: 18px; height: 18px; }
.hui-width-height-20 { width: 20px; height: 20px; }
.hui-width-height-25 { width: 25px; height: 25px; }
.hui-width-height-30 { width: 30px; height: 30px; }
.hui-width-height-32 { width: 32px; height: 32px; }
.hui-width-height-40 { width: 40px; height: 40px; }
.hui-width-height-45 { width: 45px; height: 45px; }
.hui-width-height-50 { width: 50px; height: 50px; }
.hui-width-height-60 { width: 60px; height: 60px; }
.hui-width-height-70 { width: 70px; height: 70px; }
.hui-width-height-75 { width: 75px; height: 75px; }
.hui-width-height-80 { width: 80px; height: 80px; }
.hui-width-height-90 { width: 90px; height: 90px; }
.hui-width-height-100 { width: 100px; height: 100px; }
.hui-width-height-110 { width: 110px; height: 110px; }
.hui-width-height-120 { width: 120px; height: 120px; }
.hui-width-height-140 { width: 140px; height: 140px; }
.hui-width-height-150 { width: 150px; height: 150px; }
.hui-width-height-180 { width: 180px; height: 180px; }
.hui-width-height-200 { width: 200px; height: 200px; }
.hui-width-height-220 { width: 220px; height: 220px; }
.hui-width-height-240 { width: 240px; height: 240px; }
.hui-width-height-280 { width: 280px; height: 280px; }
.hui-width-height-320 { width: 320px; height: 320px; }
/*宽高度100%*/
.hui-width-full { width: 100%; }
.hui-height-full { height: 100%; }
.hui-width-height-full { width: 100%; height: 100%; }
/*高度自动*/
.hui-height-auto { min-height: 0; height: auto; overflow: hidden; }
/*宽高度最大100%*/
.hui-max-width-full { max-width: 100%; }
.hui-max-height-full { max-height: 100%; }
/*宽高度最小100%*/
.hui-min-width-full { min-width: 100%; }
.hui-min-height-full { min-height: 100%; }
/*四边内边距*/
.hui-padding-all-0 { padding-left: 0; padding-right: 0; padding-top: 0; padding-bottom: 0; }
.hui-padding-all-2 { padding-left: 2px; padding-right: 2px; padding-top: 2px; padding-bottom: 2px; }
.hui-padding-all-3 { padding-left: 3px; padding-right: 3px; padding-top: 3px; padding-bottom: 3px; }
.hui-padding-all-5 { padding-left: 5px; padding-right: 5px; padding-top: 5px; padding-bottom: 5px; }
.hui-padding-all-6 { padding-left: 6px; padding-right: 6px; padding-top: 6px; padding-bottom: 6px; }
.hui-padding-all-8 { padding-left: 8px; padding-right: 8px; padding-top: 8px; padding-bottom: 8px; }
.hui-padding-all-10 { padding-left: 10px; padding-right: 10px; padding-top: 10px; padding-bottom: 10px; }
.hui-padding-all-12 { padding-left: 12px; padding-right: 12px; padding-top: 12px; padding-bottom: 12px; }
.hui-padding-all-15 { padding-left: 15px; padding-right: 15px; padding-top: 15px; padding-bottom: 15px; }
.hui-padding-all-18 { padding-left: 18px; padding-right: 18px; padding-top: 18px; padding-bottom: 18px; }
.hui-padding-all-20 { padding-left: 20px; padding-right: 20px; padding-top: 20px; padding-bottom: 20px; }
.hui-padding-all-22 { padding-left: 22px; padding-right: 22px; padding-top: 22px; padding-bottom: 22px; }
.hui-padding-all-25 { padding-left: 25px; padding-right: 25px; padding-top: 25px; padding-bottom: 25px; }
.hui-padding-all-30 { padding-left: 30px; padding-right: 30px; padding-top: 30px; padding-bottom: 30px; }
/*上下内边距*/
.hui-padding-row-0 { padding-top: 0; padding-bottom: 0; }
.hui-padding-row-2 { padding-top: 2px; padding-bottom: 2px; }
.hui-padding-row-3 { padding-top: 3px; padding-bottom: 3px; }
.hui-padding-row-5 { padding-top: 5px; padding-bottom: 5px; }
.hui-padding-row-6 { padding-top: 6px; padding-bottom: 6px; }
.hui-padding-row-8 { padding-top: 8px; padding-bottom: 8px; }
.hui-padding-row-10 { padding-top: 10px; padding-bottom: 10px; }
.hui-padding-row-12 { padding-top: 12px; padding-bottom: 12px; }
.hui-padding-row-15 { padding-top: 15px; padding-bottom: 15px; }
.hui-padding-row-18 { padding-top: 18px; padding-bottom: 18px; }
.hui-padding-row-20 { padding-top: 20px; padding-bottom: 20px; }
.hui-padding-row-22 { padding-top: 22px; padding-bottom: 22px; }
.hui-padding-row-25 { padding-top: 25px; padding-bottom: 25px; }
.hui-padding-row-30 { padding-top: 30px; padding-bottom: 30px; }
/*左右内边距*/
.hui-padding-col-0 { padding-left: 0; padding-right: 0; }
.hui-padding-col-2 { padding-left: 2px; padding-right: 2px; }
.hui-padding-col-3 { padding-left: 3px; padding-right: 3px; }
.hui-padding-col-5 { padding-left: 5px; padding-right: 5px; }
.hui-padding-col-6 { padding-left: 6px; padding-right: 6px; }
.hui-padding-col-8 { padding-left: 8px; padding-right: 8px; }
.hui-padding-col-10 { padding-left: 10px; padding-right: 10px; }
.hui-padding-col-12 { padding-left: 12px; padding-right: 12px; }
.hui-padding-col-15 { padding-left: 15px; padding-right: 15px; }
.hui-padding-col-18 { padding-left: 18px; padding-right: 18px; }
.hui-padding-col-20 { padding-left: 20px; padding-right: 20px; }
.hui-padding-col-22 { padding-left: 22px; padding-right: 22px; }
.hui-padding-col-25 { padding-left: 25px; padding-right: 25px; }
.hui-padding-col-30 { padding-left: 30px; padding-right: 30px; }
/*左内边距*/
.hui-padding-left-0 { padding-left: 0; }
.hui-padding-left-2 { padding-left: 2px; }
.hui-padding-left-3 { padding-left: 3px; }
.hui-padding-left-5 { padding-left: 5px; }
.hui-padding-left-6 { padding-left: 6px; }
.hui-padding-left-8 { padding-left: 8px; }
.hui-padding-left-10 { padding-left: 10px; }
.hui-padding-left-12 { padding-left: 12px; }
.hui-padding-left-15 { padding-left: 15px; }
.hui-padding-left-18 { padding-left: 18px; }
.hui-padding-left-20 { padding-left: 20px; }
.hui-padding-left-22 { padding-left: 22px; }
.hui-padding-left-25 { padding-left: 25px; }
.hui-padding-left-30 { padding-left: 30px; }
/*右内边距*/
.hui-padding-right-0 { padding-right: 0; }
.hui-padding-right-2 { padding-right: 2px; }
.hui-padding-right-3 { padding-right: 3px; }
.hui-padding-right-5 { padding-right: 5px; }
.hui-padding-right-6 { padding-right: 6px; }
.hui-padding-right-8 { padding-right: 8px; }
.hui-padding-right-10 { padding-right: 10px; }
.hui-padding-right-12 { padding-right: 12px; }
.hui-padding-right-15 { padding-right: 15px; }
.hui-padding-right-18 { padding-right: 18px; }
.hui-padding-right-20 { padding-right: 20px; }
.hui-padding-right-22 { padding-right: 22px; }
.hui-padding-right-25 { padding-right: 25px; }
.hui-padding-right-30 { padding-right: 30px; }
/*上内边距*/
.hui-padding-top-0 { padding-top: 0; }
.hui-padding-top-2 { padding-top: 2px; }
.hui-padding-top-3 { padding-top: 3px; }
.hui-padding-top-5 { padding-top: 5px; }
.hui-padding-top-6 { padding-top: 6px; }
.hui-padding-top-8 { padding-top: 8px; }
.hui-padding-top-10 { padding-top: 10px; }
.hui-padding-top-12 { padding-top: 12px; }
.hui-padding-top-15 { padding-top: 15px; }
.hui-padding-top-18 { padding-top: 18px; }
.hui-padding-top-20 { padding-top: 20px; }
.hui-padding-top-22 { padding-top: 22px; }
.hui-padding-top-25 { padding-top: 25px; }
.hui-padding-top-30 { padding-top: 30px; }
/*下内边距*/
.hui-padding-bottom-0 { padding-bottom: 0; }
.hui-padding-bottom-2 { padding-bottom: 2px; }
.hui-padding-bottom-3 { padding-bottom: 3px; }
.hui-padding-bottom-5 { padding-bottom: 5px; }
.hui-padding-bottom-6 { padding-bottom: 6px; }
.hui-padding-bottom-8 { padding-bottom: 8px; }
.hui-padding-bottom-10 { padding-bottom: 10px; }
.hui-padding-bottom-12 { padding-bottom: 12px; }
.hui-padding-bottom-15 { padding-bottom: 15px; }
.hui-padding-bottom-18 { padding-bottom: 18px; }
.hui-padding-bottom-20 { padding-bottom: 20px; }
.hui-padding-bottom-22 { padding-bottom: 22px; }
.hui-padding-bottom-25 { padding-bottom: 25px; }
.hui-padding-bottom-30 { padding-bottom: 30px; }
/*四边外边距*/
.hui-margin-all-0, .hui-margin-all-0-after:after { margin-left: 0; margin-right: 0; margin-top: 0; margin-bottom: 0; }
.hui-margin-all-2, .hui-margin-all-2-after:after { margin-left: 2px; margin-right: 2px; margin-top: 2px; margin-bottom: 2px; }
.hui-margin-all-3, .hui-margin-all-3-after:after { margin-left: 3px; margin-right: 3px; margin-top: 3px; margin-bottom: 3px; }
.hui-margin-all-5, .hui-margin-all-5-after:after { margin-left: 5px; margin-right: 5px; margin-top: 5px; margin-bottom: 5px; }
.hui-margin-all-6, .hui-margin-all-6-after:after { margin-left: 6px; margin-right: 6px; margin-top: 6px; margin-bottom: 6px; }
.hui-margin-all-8, .hui-margin-all-8-after:after { margin-left: 8px; margin-right: 8px; margin-top: 8px; margin-bottom: 8px; }
.hui-margin-all-10, .hui-margin-all-10-after:after { margin-left: 10px; margin-right: 10px; margin-top: 10px; margin-bottom: 10px; }
.hui-margin-all-12, .hui-margin-all-12-after:after { margin-left: 12px; margin-right: 12px; margin-top: 12px; margin-bottom: 12px; }
.hui-margin-all-15, .hui-margin-all-15-after:after { margin-left: 15px; margin-right: 15px; margin-top: 15px; margin-bottom: 15px; }
.hui-margin-all-18, .hui-margin-all-18-after:after { margin-left: 18px; margin-right: 18px; margin-top: 18px; margin-bottom: 18px; }
.hui-margin-all-20, .hui-margin-all-20-after:after { margin-left: 20px; margin-right: 20px; margin-top: 20px; margin-bottom: 20px; }
.hui-margin-all-22, .hui-margin-all-22-after:after { margin-left: 22px; margin-right: 22px; margin-top: 22px; margin-bottom: 22px; }
.hui-margin-all-25, .hui-margin-all-25-after:after { margin-left: 25px; margin-right: 25px; margin-top: 25px; margin-bottom: 25px; }
.hui-margin-all-30, .hui-margin-all-30-after:after { margin-left: 30px; margin-right: 30px; margin-top: 30px; margin-bottom: 30px; }
/*上下外边距*/
.hui-margin-row-0, .hui-margin-row-0-after:after { margin-top: 0; margin-bottom: 0; }
.hui-margin-row-2, .hui-margin-row-2-after:after { margin-top: 2px; margin-bottom: 2px; }
.hui-margin-row-3, .hui-margin-row-3-after:after { margin-top: 3px; margin-bottom: 3px; }
.hui-margin-row-5, .hui-margin-row-5-after:after { margin-top: 5px; margin-bottom: 5px; }
.hui-margin-row-6, .hui-margin-row-6-after:after { margin-top: 6px; margin-bottom: 6px; }
.hui-margin-row-8, .hui-margin-row-8-after:after { margin-top: 8px; margin-bottom: 8px; }
.hui-margin-row-10, .hui-margin-row-10-after:after { margin-top: 10px; margin-bottom: 10px; }
.hui-margin-row-12, .hui-margin-row-12-after:after { margin-top: 12px; margin-bottom: 12px; }
.hui-margin-row-15, .hui-margin-row-15-after:after { margin-top: 15px; margin-bottom: 15px; }
.hui-margin-row-18, .hui-margin-row-18-after:after { margin-top: 18px; margin-bottom: 18px; }
.hui-margin-row-20, .hui-margin-row-20-after:after { margin-top: 20px; margin-bottom: 20px; }
.hui-margin-row-22, .hui-margin-row-22-after:after { margin-top: 22px; margin-bottom: 22px; }
.hui-margin-row-25, .hui-margin-row-25-after:after { margin-top: 25px; margin-bottom: 25px; }
.hui-margin-row-30, .hui-margin-row-30-after:after { margin-top: 30px; margin-bottom: 30px; }
/*左右外边距*/
.hui-margin-col-0, .hui-margin-col-0-after:after { margin-left: 0; margin-right: 0; }
.hui-margin-col-2, .hui-margin-col-2-after:after { margin-left: 2px; margin-right: 2px; }
.hui-margin-col-3, .hui-margin-col-3-after:after { margin-left: 3px; margin-right: 3px; }
.hui-margin-col-5, .hui-margin-col-5-after:after { margin-left: 5px; margin-right: 5px; }
.hui-margin-col-6, .hui-margin-col-6-after:after { margin-left: 6px; margin-right: 6px; }
.hui-margin-col-8, .hui-margin-col-8-after:after { margin-left: 8px; margin-right: 8px; }
.hui-margin-col-10, .hui-margin-col-10-after:after { margin-left: 10px; margin-right: 10px; }
.hui-margin-col-12, .hui-margin-col-12-after:after { margin-left: 12px; margin-right: 12px; }
.hui-margin-col-15, .hui-margin-col-15-after:after { margin-left: 15px; margin-right: 15px; }
.hui-margin-col-18, .hui-margin-col-18-after:after { margin-left: 18px; margin-right: 18px; }
.hui-margin-col-20, .hui-margin-col-20-after:after { margin-left: 20px; margin-right: 20px; }
.hui-margin-col-22, .hui-margin-col-22-after:after { margin-left: 22px; margin-right: 22px; }
.hui-margin-col-25, .hui-margin-col-25-after:after { margin-left: 25px; margin-right: 25px; }
.hui-margin-col-30, .hui-margin-col-30-after:after { margin-left: 30px; margin-right: 30px; }
.hui-margin-col-auto, .hui-margin-col-auto-after:after { margin-left: auto; margin-right: auto; }
/*左外边距*/
.hui-margin-left-0, .hui-margin-left-0-after:after { margin-left: 0; }
.hui-margin-left-2, .hui-margin-left-2-after:after { margin-left: 2px; }
.hui-margin-left-3, .hui-margin-left-3-after:after { margin-left: 3px; }
.hui-margin-left-5, .hui-margin-left-5-after:after { margin-left: 5px; }
.hui-margin-left-6, .hui-margin-left-6-after:after { margin-left: 6px; }
.hui-margin-left-8, .hui-margin-left-8-after:after { margin-left: 8px; }
.hui-margin-left-10, .hui-margin-left-10-after:after { margin-left: 10px; }
.hui-margin-left-12, .hui-margin-left-12-after:after { margin-left: 12px; }
.hui-margin-left-15, .hui-margin-left-15-after:after { margin-left: 15px; }
.hui-margin-left-18, .hui-margin-left-18-after:after { margin-left: 18px; }
.hui-margin-left-20, .hui-margin-left-20-after:after { margin-left: 20px; }
.hui-margin-left-22, .hui-margin-left-22-after:after { margin-left: 22px; }
.hui-margin-left-25, .hui-margin-left-25-after:after { margin-left: 25px; }
.hui-margin-left-30, .hui-margin-left-30-after:after { margin-left: 30px; }
/*右外边距*/
.hui-margin-right-0, .hui-margin-right-0-after:after { margin-right: 0; }
.hui-margin-right-2, .hui-margin-right-2-after:after { margin-right: 2px; }
.hui-margin-right-3, .hui-margin-right-3-after:after { margin-right: 3px; }
.hui-margin-right-5, .hui-margin-right-5-after:after { margin-right: 5px; }
.hui-margin-right-6, .hui-margin-right-6-after:after { margin-right: 6px; }
.hui-margin-right-8, .hui-margin-right-8-after:after { margin-right: 8px; }
.hui-margin-right-10, .hui-margin-right-10-after:after { margin-right: 10px; }
.hui-margin-right-12, .hui-margin-right-12-after:after { margin-right: 12px; }
.hui-margin-right-15, .hui-margin-right-15-after:after { margin-right: 15px; }
.hui-margin-right-18, .hui-margin-right-18-after:after { margin-right: 18px; }
.hui-margin-right-20, .hui-margin-right-20-after:after { margin-right: 20px; }
.hui-margin-right-22, .hui-margin-right-22-after:after { margin-right: 22px; }
.hui-margin-right-25, .hui-margin-right-25-after:after { margin-right: 25px; }
.hui-margin-right-30, .hui-margin-right-30-after:after { margin-right: 30px; }
/*上内边距*/
.hui-margin-top-0, .hui-margin-top-0-after:after { margin-top: 0; }
.hui-margin-top-2, .hui-margin-top-2-after:after { margin-top: 2px; }
.hui-margin-top-3, .hui-margin-top-3-after:after { margin-top: 3px; }
.hui-margin-top-5, .hui-margin-top-5-after:after { margin-top: 5px; }
.hui-margin-top-6, .hui-margin-top-6-after:after { margin-top: 6px; }
.hui-margin-top-8, .hui-margin-top-8-after:after { margin-top: 8px; }
.hui-margin-top-10, .hui-margin-top-10-after:after { margin-top: 10px; }
.hui-margin-top-12, .hui-margin-top-12-after:after { margin-top: 12px; }
.hui-margin-top-15, .hui-margin-top-15-after:after { margin-top: 15px; }
.hui-margin-top-18, .hui-margin-top-18-after:after { margin-top: 18px; }
.hui-margin-top-20, .hui-margin-top-20-after:after { margin-top: 20px; }
.hui-margin-top-22, .hui-margin-top-22-after:after { margin-top: 22px; }
.hui-margin-top-25, .hui-margin-top-25-after:after { margin-top: 25px; }
.hui-margin-top-30, .hui-margin-top-30-after:after { margin-top: 30px; }
/*下内边距*/
.hui-margin-bottom-0, .hui-margin-bottom-0-after:after { margin-bottom: 0; }
.hui-margin-bottom-2, .hui-margin-bottom-2-after:after { margin-bottom: 2px; }
.hui-margin-bottom-3, .hui-margin-bottom-3-after:after { margin-bottom: 3px; }
.hui-margin-bottom-5, .hui-margin-bottom-5-after:after { margin-bottom: 5px; }
.hui-margin-bottom-6, .hui-margin-bottom-6-after:after { margin-bottom: 6px; }
.hui-margin-bottom-8, .hui-margin-bottom-8-after:after { margin-bottom: 8px; }
.hui-margin-bottom-10, .hui-margin-bottom-10-after:after { margin-bottom: 10px; }
.hui-margin-bottom-12, .hui-margin-bottom-12-after:after { margin-bottom: 12px; }
.hui-margin-bottom-15, .hui-margin-bottom-15-after:after { margin-bottom: 15px; }
.hui-margin-bottom-18, .hui-margin-bottom-18-after:after { margin-bottom: 18px; }
.hui-margin-bottom-20, .hui-margin-bottom-20-after:after { margin-bottom: 20px; }
.hui-margin-bottom-22, .hui-margin-bottom-22-after:after { margin-bottom: 22px; }
.hui-margin-bottom-25, .hui-margin-bottom-25-after:after { margin-bottom: 25px; }
.hui-margin-bottom-30, .hui-margin-bottom-30-after:after { margin-bottom: 30px; }
/*定位四边边距*/
.hui-offset-all-0, .hui-offset-all-0-after:after { left: 0; right: 0; top: 0; bottom: 0; }
.hui-offset-all-1, .hui-offset-all-1-after:after { left: 1px; right: 1px; top: 1px; bottom: 1px; }
.hui-offset-all-2, .hui-offset-all-2-after:after { left: 2px; right: 2px; top: 2px; bottom: 2px; }
.hui-offset-all-3, .hui-offset-all-3-after:after { left: 3px; right: 3px; top: 3px; bottom: 3px; }
.hui-offset-all-5, .hui-offset-all-5-after:after { left: 5px; right: 5px; top: 5px; bottom: 5px; }
.hui-offset-all-6, .hui-offset-all-6-after:after { left: 6px; right: 6px; top: 6px; bottom: 6px; }
.hui-offset-all-8, .hui-offset-all-8-after:after { left: 8px; right: 8px; top: 8px; bottom: 8px; }
.hui-offset-all-10, .hui-offset-all-10-after:after { left: 10px; right: 10px; top: 10px; bottom: 10px; }
.hui-offset-all-12, .hui-offset-all-12-after:after { left: 12px; right: 12px; top: 12px; bottom: 12px; }
.hui-offset-all-15, .hui-offset-all-15-after:after { left: 15px; right: 15px; top: 15px; bottom: 15px; }
.hui-offset-all-18, .hui-offset-all-18-after:after { left: 18px; right: 18px; top: 18px; bottom: 18px; }
.hui-offset-all-20, .hui-offset-all-20-after:after { left: 20px; right: 20px; top: 20px; bottom: 20px; }
.hui-offset-all-22, .hui-offset-all-22-after:after { left: 22px; right: 22px; top: 22px; bottom: 22px; }
.hui-offset-all-25, .hui-offset-all-25-after:after { left: 25px; right: 25px; top: 25px; bottom: 25px; }
.hui-offset-all-30, .hui-offset-all-30-after:after { left: 30px; right: 30px; top: 25px; bottom: 30px; }
/*定位上下外边距*/
.hui-offset-row-0, .hui-offset-row-0-after:after { top: 0; bottom: 0; }
.hui-offset-row-1, .hui-offset-row-1-after:after { top: 1px; bottom: 1px; }
.hui-offset-row-2, .hui-offset-row-2-after:after { top: 2px; bottom: 2px; }
.hui-offset-row-3, .hui-offset-row-3-after:after { top: 3px; bottom: 3px; }
.hui-offset-row-5, .hui-offset-row-5-after:after { top: 5px; bottom: 5px; }
.hui-offset-row-6, .hui-offset-row-6-after:after { top: 6px; bottom: 6px; }
.hui-offset-row-8, .hui-offset-row-8-after:after { top: 8px; bottom: 8px; }
.hui-offset-row-10, .hui-offset-row-10-after:after { top: 10px; bottom: 10px; }
.hui-offset-row-12, .hui-offset-row-12-after:after { top: 12px; bottom: 12px; }
.hui-offset-row-15, .hui-offset-row-15-after:after { top: 15px; bottom: 15px; }
.hui-offset-row-18, .hui-offset-row-18-after:after { top: 18px; bottom: 18px; }
.hui-offset-row-20, .hui-offset-row-20-after:after { top: 20px; bottom: 20px; }
.hui-offset-row-22, .hui-offset-row-22-after:after { top: 22px; bottom: 22px; }
.hui-offset-row-25, .hui-offset-row-25-after:after { top: 25px; bottom: 25px; }
.hui-offset-row-30, .hui-offset-row-30-after:after { top: 30px; bottom: 30px; }
/*定位左右外边距*/
.hui-offset-col-0, .hui-offset-col-0-after:after { left: 0; right: 0; }
.hui-offset-col-1, .hui-offset-col-1-after:after { left: 1px; right: 1px; }
.hui-offset-col-2, .hui-offset-col-2-after:after { left: 2px; right: 2px; }
.hui-offset-col-3, .hui-offset-col-3-after:after { left: 3px; right: 3px; }
.hui-offset-col-5, .hui-offset-col-5-after:after { left: 5px; right: 5px; }
.hui-offset-col-6, .hui-offset-col-6-after:after { left: 6px; right: 6px; }
.hui-offset-col-8, .hui-offset-col-8-after:after { left: 8px; right: 8px; }
.hui-offset-col-10, .hui-offset-col-10-after:after { left: 10px; right: 10px; }
.hui-offset-col-12, .hui-offset-col-12-after:after { left: 12px; right: 12px; }
.hui-offset-col-15, .hui-offset-col-15-after:after { left: 15px; right: 15px; }
.hui-offset-col-18, .hui-offset-col-18-after:after { left: 18px; right: 18px; }
.hui-offset-col-20, .hui-offset-col-20-after:after { left: 20px; right: 20px; }
.hui-offset-col-22, .hui-offset-col-22-after:after { left: 22px; right: 22px; }
.hui-offset-col-25, .hui-offset-col-25-after:after { left: 25px; right: 25px; }
.hui-offset-col-30, .hui-offset-col-30-after:after { left: 30px; right: 30px; }
/*定位左边距*/
.hui-offset-left-0, .hui-offset-left-0-after:after { left: 0; }
.hui-offset-left-1, .hui-offset-left-1-after:after { left: 1px; }
.hui-offset-left-2, .hui-offset-left-2-after:after { left: 2px; }
.hui-offset-left-3, .hui-offset-left-3-after:after { left: 3px; }
.hui-offset-left-5, .hui-offset-left-5-after:after { left: 5px; }
.hui-offset-left-6, .hui-offset-left-6-after:after { left: 6px; }
.hui-offset-left-8, .hui-offset-left-8-after:after { left: 8px; }
.hui-offset-left-10, .hui-offset-left-10-after:after { left: 10px; }
.hui-offset-left-12, .hui-offset-left-12-after:after { left: 12px; }
.hui-offset-left-15, .hui-offset-left-15-after:after { left: 15px; }
.hui-offset-left-18, .hui-offset-left-18-after:after { left: 18px; }
.hui-offset-left-20, .hui-offset-left-20-after:after { left: 20px; }
.hui-offset-left-22, .hui-offset-left-22-after:after { left: 22px; }
.hui-offset-left-25, .hui-offset-left-25-after:after { left: 25px; }
.hui-offset-left-30, .hui-offset-left-30-after:after { left: 30px; }
/*定位右边距*/
.hui-offset-right-0, .hui-offset-right-0-after:after { right: 0; }
.hui-offset-right-1, .hui-offset-right-1-after:after { right: 1px; }
.hui-offset-right-2, .hui-offset-right-2-after:after { right: 2px; }
.hui-offset-right-3, .hui-offset-right-3-after:after { right: 3px; }
.hui-offset-right-5, .hui-offset-right-5-after:after { right: 5px; }
.hui-offset-right-6, .hui-offset-right-6-after:after { right: 6px; }
.hui-offset-right-8, .hui-offset-right-8-after:after { right: 8px; }
.hui-offset-right-10, .hui-offset-right-10-after:after { right: 10px; }
.hui-offset-right-12, .hui-offset-right-12-after:after { right: 12px; }
.hui-offset-right-15, .hui-offset-right-15-after:after { right: 15px; }
.hui-offset-right-18, .hui-offset-right-18-after:after { right: 18px; }
.hui-offset-right-20, .hui-offset-right-20-after:after { right: 20px; }
.hui-offset-right-22, .hui-offset-right-22-after:after { right: 22px; }
.hui-offset-right-25, .hui-offset-right-25-after:after { right: 25px; }
.hui-offset-right-30, .hui-offset-right-30-after:after { right: 30px; }
/*定位上边距*/
.hui-offset-top-0, .hui-offset-top-0-after:after { top: 0; }
.hui-offset-top-1, .hui-offset-top-1-after:after { top: 1px; }
.hui-offset-top-2, .hui-offset-top-2-after:after { top: 2px; }
.hui-offset-top-3, .hui-offset-top-3-after:after { top: 3px; }
.hui-offset-top-5, .hui-offset-top-5-after:after { top: 5px; }
.hui-offset-top-6, .hui-offset-top-6-after:after { top: 6px; }
.hui-offset-top-8, .hui-offset-top-8-after:after { top: 8px; }
.hui-offset-top-10, .hui-offset-top-10-after:after { top: 10px; }
.hui-offset-top-12, .hui-offset-top-12-after:after { top: 12px; }
.hui-offset-top-15, .hui-offset-top-15-after:after { top: 15px; }
.hui-offset-top-18, .hui-offset-top-18-after:after { top: 18px; }
.hui-offset-top-20, .hui-offset-top-20-after:after { top: 20px; }
.hui-offset-top-22, .hui-offset-top-22-after:after { top: 22px; }
.hui-offset-top-25, .hui-offset-top-25-after:after { top: 25px; }
.hui-offset-top-30, .hui-offset-top-30-after:after { top: 30px; }
/*定位下边距*/
.hui-offset-bottom-0, .hui-offset-bottom-0-after:after { bottom: 0; }
.hui-offset-bottom-1, .hui-offset-bottom-1-after:after { bottom: 1px; }
.hui-offset-bottom-2, .hui-offset-bottom-2-after:after { bottom: 2px; }
.hui-offset-bottom-3, .hui-offset-bottom-3-after:after { bottom: 3px; }
.hui-offset-bottom-5, .hui-offset-bottom-5-after:after { bottom: 5px; }
.hui-offset-bottom-6, .hui-offset-bottom-6-after:after { bottom: 6px; }
.hui-offset-bottom-8, .hui-offset-bottom-8-after:after { bottom: 8px; }
.hui-offset-bottom-10, .hui-offset-bottom-10-after:after { bottom: 10px; }
.hui-offset-bottom-12, .hui-offset-bottom-12-after:after { bottom: 12px; }
.hui-offset-bottom-15, .hui-offset-bottom-15-after:after { bottom: 15px; }
.hui-offset-bottom-18, .hui-offset-bottom-18-after:after { bottom: 18px; }
.hui-offset-bottom-20, .hui-offset-bottom-20-after:after { bottom: 20px; }
.hui-offset-bottom-22, .hui-offset-bottom-22-after:after { bottom: 22px; }
.hui-offset-bottom-25, .hui-offset-bottom-25-after:after { bottom: 25px; }
.hui-offset-bottom-30, .hui-offset-bottom-30-after:after { bottom: 30px; }
/*圆形*/
.hui-circle, .hui-circle-after:after { border-radius: 50% 50% 50% 50%; }
.hui-left-circle, .hui-left-circle-after:after { border-top-left-radius: 50%; border-bottom-left-radius: 50%; }
.hui-right-circle, .hui-right-circle-after:after { border-top-right-radius: 50%; border-bottom-right-radius: 50%; }
.hui-top-circle, .hui-top-circle-after:after { border-top-left-radius: 50%; border-top-right-radius: 50%; }
.hui-bottom-circle, .hui-bottom-circle-after:after { border-bottom-left-radius: 50%; border-bottom-right-radius: 50%; }
.hui-top-left-circle, .hui-top-left-circle-after:after { border-top-left-radius: 50%; }
.hui-top-right-circle, .hui-top-right-circle-after:after { border-top-right-radius: 50%; }
.hui-bottom-left-circle, .hui-bottom-left-circle-after:after { border-bottom-left-radius: 50%; }
.hui-bottom-right-circle, .hui-bottom-right-circle-after:after { border-bottom-right-radius: 50%; }
/*四边圆角*/
.hui-border-radius-0, .hui-border-radius-0-after:after { border-radius: 0 0 0 0; }
.hui-border-radius-2, .hui-border-radius-2-after:after { border-radius: 2px 2px 2px 2px; }
.hui-border-radius-3, .hui-border-radius-3-after:after { border-radius: 3px 3px 3px 3px; }
.hui-border-radius-5, .hui-border-radius-5-after:after { border-radius: 5px 5px 5px 5px; }
.hui-border-radius-6, .hui-border-radius-6-after:after { border-radius: 6px 6px 6px 6px; }
.hui-border-radius-8, .hui-border-radius-8-after:after { border-radius: 8px 8px 8px 8px; }
.hui-border-radius-9, .hui-border-radius-9-after:after { border-radius: 9px 9px 9px 9px; }
.hui-border-radius-10, .hui-border-radius-10-after:after { border-radius: 10px 10px 10px 10px; }
.hui-border-radius-12, .hui-border-radius-12-after:after { border-radius: 12px 12px 12px 12px; }
.hui-border-radius-15, .hui-border-radius-15-after:after { border-radius: 15px 15px 15px 15px; }
.hui-border-radius-18, .hui-border-radius-18-after:after { border-radius: 18px 18px 18px 18px; }
.hui-border-radius-20, .hui-border-radius-20-after:after { border-radius: 20px 20px 20px 20px; }
/*左边圆角*/
.hui-border-radius-left-0, .hui-border-radius-left-0-after:after { border-top-left-radius: 0; border-bottom-left-radius: 0; }
.hui-border-radius-left-2, .hui-border-radius-left-2-after:after { border-top-left-radius: 2px; border-bottom-left-radius: 2px; }
.hui-border-radius-left-3, .hui-border-radius-left-3-after:after { border-top-left-radius: 3px; border-bottom-left-radius: 3px; }
.hui-border-radius-left-5, .hui-border-radius-left-5-after:after { border-top-left-radius: 5px; border-bottom-left-radius: 5px; }
.hui-border-radius-left-6, .hui-border-radius-left-6-after:after { border-top-left-radius: 6px; border-bottom-left-radius: 6px; }
.hui-border-radius-left-8, .hui-border-radius-left-8-after:after { border-top-left-radius: 8px; border-bottom-left-radius: 8px; }
.hui-border-radius-left-9, .hui-border-radius-left-9-after:after { border-top-left-radius: 9px; border-bottom-left-radius: 9px; }
.hui-border-radius-left-10, .hui-border-radius-left-10-after:after { border-top-left-radius: 10px; border-bottom-left-radius: 10px; }
.hui-border-radius-left-12, .hui-border-radius-left-12-after:after { border-top-left-radius: 12px; border-bottom-left-radius: 12px; }
.hui-border-radius-left-15, .hui-border-radius-left-15-after:after { border-top-left-radius: 15px; border-bottom-left-radius: 15px; }
.hui-border-radius-left-18, .hui-border-radius-left-18-after:after { border-top-left-radius: 18px; border-bottom-left-radius: 18px; }
.hui-border-radius-left-20, .hui-border-radius-left-20-after:after { border-top-left-radius: 20px; border-bottom-left-radius: 20px; }
/*右边圆角*/
.hui-border-radius-right-0, .hui-border-radius-right-0-after:after { border-top-right-radius: 0; border-bottom-right-radius: 0; }
.hui-border-radius-right-2, .hui-border-radius-right-2-after:after { border-top-right-radius: 2px; border-bottom-right-radius: 2px; }
.hui-border-radius-right-3, .hui-border-radius-right-3-after:after { border-top-right-radius: 3px; border-bottom-right-radius: 3px; }
.hui-border-radius-right-5, .hui-border-radius-right-5-after:after { border-top-right-radius: 5px; border-bottom-right-radius: 5px; }
.hui-border-radius-right-6, .hui-border-radius-right-6-after:after { border-top-right-radius: 6px; border-bottom-right-radius: 6px; }
.hui-border-radius-right-8, .hui-border-radius-right-8-after:after { border-top-right-radius: 8px; border-bottom-right-radius: 8px; }
.hui-border-radius-right-9, .hui-border-radius-right-9-after:after { border-top-right-radius: 9px; border-bottom-right-radius: 9px; }
.hui-border-radius-right-10, .hui-border-radius-right-10-after:after { border-top-right-radius: 10px; border-bottom-right-radius: 10px; }
.hui-border-radius-right-12, .hui-border-radius-right-12-after:after { border-top-right-radius: 12px; border-bottom-right-radius: 12px; }
.hui-border-radius-right-15, .hui-border-radius-right-15-after:after { border-top-right-radius: 15px; border-bottom-right-radius: 15px; }
.hui-border-radius-right-18, .hui-border-radius-right-18-after:after { border-top-right-radius: 18px; border-bottom-right-radius: 18px; }
.hui-border-radius-right-20, .hui-border-radius-right-20-after:after { border-top-right-radius: 20px; border-bottom-right-radius: 20px; }
/*上边圆角*/
.hui-border-radius-top-0, .hui-border-radius-top-0-after:after { border-top-left-radius: 0; border-top-right-radius: 0; }
.hui-border-radius-top-2, .hui-border-radius-top-2-after:after { border-top-left-radius: 2px; border-top-right-radius: 2px; }
.hui-border-radius-top-3, .hui-border-radius-top-3-after:after { border-top-left-radius: 3px; border-top-right-radius: 3px; }
.hui-border-radius-top-5, .hui-border-radius-top-5-after:after { border-top-left-radius: 5px; border-top-right-radius: 5px; }
.hui-border-radius-top-6, .hui-border-radius-top-6-after:after { border-top-left-radius: 6px; border-top-right-radius: 6px; }
.hui-border-radius-top-8, .hui-border-radius-top-8-after:after { border-top-left-radius: 8px; border-top-right-radius: 8px; }
.hui-border-radius-top-9, .hui-border-radius-top-9-after:after { border-top-left-radius: 9px; border-top-right-radius: 9px; }
.hui-border-radius-top-10, .hui-border-radius-top-10-after:after { border-top-left-radius: 10px; border-top-right-radius: 10px; }
.hui-border-radius-top-12, .hui-border-radius-top-12-after:after { border-top-left-radius: 12px; border-top-right-radius: 12px; }
.hui-border-radius-top-15, .hui-border-radius-top-15-after:after { border-top-left-radius: 15px; border-top-right-radius: 15px; }
.hui-border-radius-top-18, .hui-border-radius-top-18-after:after { border-top-left-radius: 18px; border-top-right-radius: 18px; }
.hui-border-radius-top-20, .hui-border-radius-top-20-after:after { border-top-left-radius: 20px; border-top-right-radius: 20px; }
/*下边圆角*/
.hui-border-radius-bottom-0, .hui-border-radius-bottom-0-after:after { border-bottom-left-radius: 0; border-bottom-right-radius: 0; }
.hui-border-radius-bottom-2, .hui-border-radius-bottom-2-after:after { border-bottom-left-radius: 2px; border-bottom-right-radius: 2px; }
.hui-border-radius-bottom-3, .hui-border-radius-bottom-3-after:after { border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; }
.hui-border-radius-bottom-5, .hui-border-radius-bottom-5-after:after { border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; }
.hui-border-radius-bottom-6, .hui-border-radius-bottom-6-after:after { border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; }
.hui-border-radius-bottom-8, .hui-border-radius-bottom-8-after:after { border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; }
.hui-border-radius-bottom-9, .hui-border-radius-bottom-9-after:after { border-bottom-left-radius: 9px; border-bottom-right-radius: 9px; }
.hui-border-radius-bottom-10, .hui-border-radius-bottom-10-after:after { border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; }
.hui-border-radius-bottom-12, .hui-border-radius-bottom-12-after:after { border-bottom-left-radius: 12px; border-bottom-right-radius: 12px; }
.hui-border-radius-bottom-15, .hui-border-radius-bottom-15-after:after { border-bottom-left-radius: 15px; border-bottom-right-radius: 15px; }
.hui-border-radius-bottom-18, .hui-border-radius-bottom-18-after:after { border-bottom-left-radius: 18px; border-bottom-right-radius: 18px; }
.hui-border-radius-bottom-20, .hui-border-radius-bottom-20-after:after { border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; }
/* 字体加粗 */
.hui-font-weight-bold { font-weight: bold; }
.hui-font-weight-400 { font-weight: 400; }
.hui-font-weight-500 { font-weight: 500; }
.hui-font-weight-600 { font-weight: 600; }
.hui-font-weight-700 { font-weight: 700; }
.hui-font-weight-800 { font-weight: 800; }
.hui-font-weight-normal { font-weight: normal; }
/*定位层叠*/
.hui-zIndex-minus { z-index: -1; }
.hui-zIndex-0 { z-index: 0; }
.hui-zIndex-1 { z-index: 1; }
.hui-zIndex-5 { z-index: 5; }
.hui-zIndex-10 { z-index: 10; }
.hui-zIndex-100 { z-index: 100; }
.hui-zIndex-200 { z-index: 200; }
.hui-zIndex-1000 { z-index: 1000; }
.hui-zIndex-10000 { z-index: 10000; }
.hui-zIndex-100000 { z-index: 100000; }
.hui-zIndex-1000000 { z-index: 1000000; }
.hui-zIndex-10000000 { z-index: 10000000; }
/*点击高亮*/
.hui-touch-active:active { background: #f4f4f4; }
.hui-white-color-active:active { color: white; }
/*取消内外边框*/
.hui-border-none, .hui-border-none-after:after { border: none; }
.hui-outline-none, .hui-outline-none-after:after { outline: none; }
.hui-border-outline-none, .hui-border-outline-none-after:after { border: none; outline: none; }
/*Web，Hybrid 移动端1px细线，边框处理*/
/*四边1px线实线*/
/*常见十六进制边线颜色*/
.hui-border-all-333-after,
.hui-border-all-444-after,
.hui-border-all-666-after,
.hui-border-all-999-after,
.hui-border-all-ccc-after,
.hui-border-all-eee-after,
.hui-border-all-f4f4f4-after,
.hui-border-all-f5f5f5-after,
.hui-border-all-dedede-after,
.hui-border-all-e6e6e6-after,
.hui-border-all-black-after,
.hui-border-all-white-after,
.hui-border-all-red-after,
.hui-border-all-blue-after,
.hui-border-all-pink-after,
.hui-border-all-yellow-after,
.hui-border-all-gray-after,
.hui-border-all-turquoise-after,
.hui-border-all-emerald-after,
.hui-border-all-peterRiver-after,
.hui-border-all-amethyst-after,
.hui-border-all-wetAsphalt-after,
.hui-border-all-greenSea-after,
.hui-border-all-nephritis-after,
.hui-border-all-belizeHole-after,
.hui-border-all-wisteria-after,
.hui-border-all-midnightBlue-after,
.hui-border-all-sunFlower-after,
.hui-border-all-carrot-after,
.hui-border-all-alizarin-after,
.hui-border-all-clouds-after,
.hui-border-all-concrete-after,
.hui-border-all-orange-after,
.hui-border-all-pumpkin-after,
.hui-border-all-pomegranate-after,
.hui-border-all-silver-after,
.hui-border-all-asbestos-after,
.hui-border-col-333-after,
.hui-border-col-444-after,
.hui-border-col-666-after,
.hui-border-col-999-after,
.hui-border-col-ccc-after,
.hui-border-col-eee-after,
.hui-border-col-f4f4f4-after,
.hui-border-col-f5f5f5-after,
.hui-border-col-dedede-after,
.hui-border-col-e6e6e6-after,
.hui-border-col-black-after,
.hui-border-col-white-after,
.hui-border-col-red-after,
.hui-border-col-blue-after,
.hui-border-col-pink-after,
.hui-border-col-yellow-after,
.hui-border-col-gray-after,
.hui-border-col-turquoise-after,
.hui-border-col-emerald-after,
.hui-border-col-peterRiver-after,
.hui-border-col-amethyst-after,
.hui-border-col-wetAsphalt-after,
.hui-border-col-greenSea-after,
.hui-border-col-nephritis-after,
.hui-border-col-belizeHole-after,
.hui-border-col-wisteria-after,
.hui-border-col-midnightBlue-after,
.hui-border-col-sunFlower-after,
.hui-border-col-carrot-after,
.hui-border-col-alizarin-after,
.hui-border-col-clouds-after,
.hui-border-col-concrete-after,
.hui-border-col-orange-after,
.hui-border-col-pumpkin-after,
.hui-border-col-pomegranate-after,
.hui-border-col-silver-after,
.hui-border-col-asbestos-after,
.hui-border-row-333-after,
.hui-border-row-444-after,
.hui-border-row-666-after,
.hui-border-row-999-after,
.hui-border-row-ccc-after,
.hui-border-row-eee-after,
.hui-border-row-f4f4f4-after,
.hui-border-row-f5f5f5-after,
.hui-border-row-dedede-after,
.hui-border-row-e6e6e6-after,
.hui-border-row-black-after,
.hui-border-row-white-after,
.hui-border-row-red-after,
.hui-border-row-blue-after,
.hui-border-row-pink-after,
.hui-border-row-yellow-after,
.hui-border-row-gray-after,
.hui-border-row-turquoise-after,
.hui-border-row-emerald-after,
.hui-border-row-peterRiver-after,
.hui-border-row-amethyst-after,
.hui-border-row-wetAsphalt-after,
.hui-border-row-greenSea-after,
.hui-border-row-nephritis-after,
.hui-border-row-belizeHole-after,
.hui-border-row-wisteria-after,
.hui-border-row-midnightBlue-after,
.hui-border-row-sunFlower-after,
.hui-border-row-carrot-after,
.hui-border-row-alizarin-after,
.hui-border-row-clouds-after,
.hui-border-row-concrete-after,
.hui-border-row-orange-after,
.hui-border-row-pumpkin-after,
.hui-border-row-pomegranate-after,
.hui-border-row-silver-after,
.hui-border-row-asbestos-after,
.hui-border-left-333-after,
.hui-border-left-444-after,
.hui-border-left-666-after,
.hui-border-left-999-after,
.hui-border-left-ccc-after,
.hui-border-left-eee-after,
.hui-border-left-f4f4f4-after,
.hui-border-left-f5f5f5-after,
.hui-border-left-dedede-after,
.hui-border-left-e6e6e6-after,
.hui-border-left-black-after,
.hui-border-left-white-after,
.hui-border-left-red-after,
.hui-border-left-blue-after,
.hui-border-left-pink-after,
.hui-border-left-yellow-after,
.hui-border-left-gray-after,
.hui-border-left-turquoise-after,
.hui-border-left-emerald-after,
.hui-border-left-peterRiver-after,
.hui-border-left-amethyst-after,
.hui-border-left-wetAsphalt-after,
.hui-border-left-greenSea-after,
.hui-border-left-nephritis-after,
.hui-border-left-belizeHole-after,
.hui-border-left-wisteria-after,
.hui-border-left-midnightBlue-after,
.hui-border-left-sunFlower-after,
.hui-border-left-carrot-after,
.hui-border-left-alizarin-after,
.hui-border-left-clouds-after,
.hui-border-left-concrete-after,
.hui-border-left-orange-after,
.hui-border-left-pumpkin-after,
.hui-border-left-pomegranate-after,
.hui-border-left-silver-after,
.hui-border-left-asbestos-after,
.hui-border-right-333-after,
.hui-border-right-444-after,
.hui-border-right-666-after,
.hui-border-right-999-after,
.hui-border-right-ccc-after,
.hui-border-right-eee-after,
.hui-border-right-f4f4f4-after,
.hui-border-right-f5f5f5-after,
.hui-border-right-dedede-after,
.hui-border-right-e6e6e6-after,
.hui-border-right-black-after,
.hui-border-right-white-after,
.hui-border-right-red-after,
.hui-border-right-blue-after,
.hui-border-right-pink-after,
.hui-border-right-yellow-after,
.hui-border-right-gray-after,
.hui-border-right-turquoise-after,
.hui-border-right-emerald-after,
.hui-border-right-peterRiver-after,
.hui-border-right-amethyst-after,
.hui-border-right-wetAsphalt-after,
.hui-border-right-greenSea-after,
.hui-border-right-nephritis-after,
.hui-border-right-belizeHole-after,
.hui-border-right-wisteria-after,
.hui-border-right-midnightBlue-after,
.hui-border-right-sunFlower-after,
.hui-border-right-carrot-after,
.hui-border-right-alizarin-after,
.hui-border-right-clouds-after,
.hui-border-right-concrete-after,
.hui-border-right-orange-after,
.hui-border-right-pumpkin-after,
.hui-border-right-pomegranate-after,
.hui-border-right-silver-after,
.hui-border-right-asbestos-after,
.hui-border-top-333-after,
.hui-border-top-444-after,
.hui-border-top-666-after,
.hui-border-top-999-after,
.hui-border-top-ccc-after,
.hui-border-top-eee-after,
.hui-border-top-f4f4f4-after,
.hui-border-top-f5f5f5-after,
.hui-border-top-dedede-after,
.hui-border-top-e6e6e6-after,
.hui-border-top-black-after,
.hui-border-top-white-after,
.hui-border-top-red-after,
.hui-border-top-blue-after,
.hui-border-top-pink-after,
.hui-border-top-yellow-after,
.hui-border-top-gray-after,
.hui-border-top-turquoise-after,
.hui-border-top-emerald-after,
.hui-border-top-peterRiver-after,
.hui-border-top-amethyst-after,
.hui-border-top-wetAsphalt-after,
.hui-border-top-greenSea-after,
.hui-border-top-nephritis-after,
.hui-border-top-belizeHole-after,
.hui-border-top-wisteria-after,
.hui-border-top-midnightBlue-after,
.hui-border-top-sunFlower-after,
.hui-border-top-carrot-after,
.hui-border-top-alizarin-after,
.hui-border-top-clouds-after,
.hui-border-top-concrete-after,
.hui-border-top-orange-after,
.hui-border-top-pumpkin-after,
.hui-border-top-pomegranate-after,
.hui-border-top-silver-after,
.hui-border-top-asbestos-after,
.hui-border-bottom-333-after,
.hui-border-bottom-444-after,
.hui-border-bottom-666-after,
.hui-border-bottom-999-after,
.hui-border-bottom-ccc-after,
.hui-border-bottom-eee-after,
.hui-border-bottom-f4f4f4-after,
.hui-border-bottom-f5f5f5-after,
.hui-border-bottom-dedede-after,
.hui-border-bottom-e6e6e6-after,
.hui-border-bottom-black-after,
.hui-border-bottom-white-after,
.hui-border-bottom-red-after,
.hui-border-bottom-blue-after,
.hui-border-bottom-pink-after,
.hui-border-bottom-yellow-after,
.hui-border-bottom-gray-after,
.hui-border-bottom-turquoise-after,
.hui-border-bottom-emerald-after,
.hui-border-bottom-peterRiver-after,
.hui-border-bottom-amethyst-after,
.hui-border-bottom-wetAsphalt-after,
.hui-border-bottom-greenSea-after,
.hui-border-bottom-nephritis-after,
.hui-border-bottom-belizeHole-after,
.hui-border-bottom-wisteria-after,
.hui-border-bottom-midnightBlue-after,
.hui-border-bottom-sunFlower-after,
.hui-border-bottom-carrot-after,
.hui-border-bottom-alizarin-after,
.hui-border-bottom-clouds-after,
.hui-border-bottom-concrete-after,
.hui-border-bottom-orange-after,
.hui-border-bottom-pumpkin-after,
.hui-border-bottom-pomegranate-after,
.hui-border-bottom-silver-after,
.hui-border-bottom-asbestos-after { position: relative; /* overflow: hidden; */ }
.hui-border-all-333-after:after,
.hui-border-all-444-after:after,
.hui-border-all-666-after:after,
.hui-border-all-999-after:after,
.hui-border-all-ccc-after:after,
.hui-border-all-eee-after:after,
.hui-border-all-f4f4f4-after:after,
.hui-border-all-f5f5f5-after:after,
.hui-border-all-dedede-after:after,
.hui-border-all-e6e6e6-after:after,
.hui-border-all-black-after:after,
.hui-border-all-white-after:after,
.hui-border-all-red-after:after,
.hui-border-all-blue-after:after,
.hui-border-all-pink-after:after,
.hui-border-all-yellow-after:after,
.hui-border-all-gray-after:after,
.hui-border-all-turquoise-after:after,
.hui-border-all-emerald-after:after,
.hui-border-all-peterRiver-after:after,
.hui-border-all-amethyst-after:after,
.hui-border-all-wetAsphalt-after:after,
.hui-border-all-greenSea-after:after,
.hui-border-all-nephritis-after:after,
.hui-border-all-belizeHole-after:after,
.hui-border-all-wisteria-after:after,
.hui-border-all-midnightBlue-after:after,
.hui-border-all-sunFlower-after:after,
.hui-border-all-carrot-after:after,
.hui-border-all-alizarin-after:after,
.hui-border-all-clouds-after:after,
.hui-border-all-concrete-after:after,
.hui-border-all-orange-after:after,
.hui-border-all-pumpkin-after:after,
.hui-border-all-pomegranate-after:after,
.hui-border-all-silver-after:after,
.hui-border-all-asbestos-after:after,
.hui-border-col-333-after:after,
.hui-border-col-444-after:after,
.hui-border-col-666-after:after,
.hui-border-col-999-after:after,
.hui-border-col-ccc-after:after,
.hui-border-col-eee-after:after,
.hui-border-col-f4f4f4-after:after,
.hui-border-col-f5f5f5-after:after,
.hui-border-col-dedede-after:after,
.hui-border-col-e6e6e6-after:after,
.hui-border-col-black-after:after,
.hui-border-col-white-after:after,
.hui-border-col-red-after:after,
.hui-border-col-blue-after:after,
.hui-border-col-pink-after:after,
.hui-border-col-yellow-after:after,
.hui-border-col-gray-after:after,
.hui-border-col-turquoise-after:after,
.hui-border-col-emerald-after:after,
.hui-border-col-peterRiver-after:after,
.hui-border-col-amethyst-after:after,
.hui-border-col-wetAsphalt-after:after,
.hui-border-col-greenSea-after:after,
.hui-border-col-nephritis-after:after,
.hui-border-col-belizeHole-after:after,
.hui-border-col-wisteria-after:after,
.hui-border-col-midnightBlue-after:after,
.hui-border-col-sunFlower-after:after,
.hui-border-col-carrot-after:after,
.hui-border-col-alizarin-after:after,
.hui-border-col-clouds-after:after,
.hui-border-col-concrete-after:after,
.hui-border-col-orange-after:after,
.hui-border-col-pumpkin-after:after,
.hui-border-col-pomegranate-after:after,
.hui-border-col-silver-after:after,
.hui-border-col-asbestos-after:after,
.hui-border-row-333-after:after,
.hui-border-row-444-after:after,
.hui-border-row-666-after:after,
.hui-border-row-999-after:after,
.hui-border-row-ccc-after:after,
.hui-border-row-eee-after:after,
.hui-border-row-f4f4f4-after:after,
.hui-border-row-f5f5f5-after:after,
.hui-border-row-dedede-after:after,
.hui-border-row-e6e6e6-after:after,
.hui-border-row-black-after:after,
.hui-border-row-white-after:after,
.hui-border-row-red-after:after,
.hui-border-row-blue-after:after,
.hui-border-row-pink-after:after,
.hui-border-row-yellow-after:after,
.hui-border-row-gray-after:after,
.hui-border-row-turquoise-after:after,
.hui-border-row-emerald-after:after,
.hui-border-row-peterRiver-after:after,
.hui-border-row-amethyst-after:after,
.hui-border-row-wetAsphalt-after:after,
.hui-border-row-greenSea-after:after,
.hui-border-row-nephritis-after:after,
.hui-border-row-belizeHole-after:after,
.hui-border-row-wisteria-after:after,
.hui-border-row-midnightBlue-after:after,
.hui-border-row-sunFlower-after:after,
.hui-border-row-carrot-after:after,
.hui-border-row-alizarin-after:after,
.hui-border-row-clouds-after:after,
.hui-border-row-concrete-after:after,
.hui-border-row-orange-after:after,
.hui-border-row-pumpkin-after:after,
.hui-border-row-pomegranate-after:after,
.hui-border-row-silver-after:after,
.hui-border-row-asbestos-after:after,
.hui-border-left-333-after:after,
.hui-border-left-444-after:after,
.hui-border-left-666-after:after,
.hui-border-left-999-after:after,
.hui-border-left-ccc-after:after,
.hui-border-left-eee-after:after,
.hui-border-left-f4f4f4-after:after,
.hui-border-left-f5f5f5-after:after,
.hui-border-left-dedede-after:after,
.hui-border-left-e6e6e6-after:after,
.hui-border-left-black-after:after,
.hui-border-left-white-after:after,
.hui-border-left-red-after:after,
.hui-border-left-blue-after:after,
.hui-border-left-pink-after:after,
.hui-border-left-yellow-after:after,
.hui-border-left-gray-after:after,
.hui-border-left-turquoise-after:after,
.hui-border-left-emerald-after:after,
.hui-border-left-peterRiver-after:after,
.hui-border-left-amethyst-after:after,
.hui-border-left-wetAsphalt-after:after,
.hui-border-left-greenSea-after:after,
.hui-border-left-nephritis-after:after,
.hui-border-left-belizeHole-after:after,
.hui-border-left-wisteria-after:after,
.hui-border-left-midnightBlue-after:after,
.hui-border-left-sunFlower-after:after,
.hui-border-left-carrot-after:after,
.hui-border-left-alizarin-after:after,
.hui-border-left-clouds-after:after,
.hui-border-left-concrete-after:after,
.hui-border-left-orange-after:after,
.hui-border-left-pumpkin-after:after,
.hui-border-left-pomegranate-after:after,
.hui-border-left-silver-after:after,
.hui-border-left-asbestos-after:after,
.hui-border-right-333-after:after,
.hui-border-right-444-after:after,
.hui-border-right-666-after:after,
.hui-border-right-999-after:after,
.hui-border-right-ccc-after:after,
.hui-border-right-eee-after:after,
.hui-border-right-f4f4f4-after:after,
.hui-border-right-f5f5f5-after:after,
.hui-border-right-dedede-after:after,
.hui-border-right-e6e6e6-after:after,
.hui-border-right-black-after:after,
.hui-border-right-white-after:after,
.hui-border-right-red-after:after,
.hui-border-right-blue-after:after,
.hui-border-right-pink-after:after,
.hui-border-right-yellow-after:after,
.hui-border-right-gray-after:after,
.hui-border-right-turquoise-after:after,
.hui-border-right-emerald-after:after,
.hui-border-right-peterRiver-after:after,
.hui-border-right-amethyst-after:after,
.hui-border-right-wetAsphalt-after:after,
.hui-border-right-greenSea-after:after,
.hui-border-right-nephritis-after:after,
.hui-border-right-belizeHole-after:after,
.hui-border-right-wisteria-after:after,
.hui-border-right-midnightBlue-after:after,
.hui-border-right-sunFlower-after:after,
.hui-border-right-carrot-after:after,
.hui-border-right-alizarin-after:after,
.hui-border-right-clouds-after:after,
.hui-border-right-concrete-after:after,
.hui-border-right-orange-after:after,
.hui-border-right-pumpkin-after:after,
.hui-border-right-pomegranate-after:after,
.hui-border-right-silver-after:after,
.hui-border-right-asbestos-after:after,
.hui-border-top-333-after:after,
.hui-border-top-444-after:after,
.hui-border-top-666-after:after,
.hui-border-top-999-after:after,
.hui-border-top-ccc-after:after,
.hui-border-top-eee-after:after,
.hui-border-top-f4f4f4-after:after,
.hui-border-top-f5f5f5-after:after,
.hui-border-top-dedede-after:after,
.hui-border-top-e6e6e6-after:after,
.hui-border-top-black-after:after,
.hui-border-top-white-after:after,
.hui-border-top-red-after:after,
.hui-border-top-blue-after:after,
.hui-border-top-pink-after:after,
.hui-border-top-yellow-after:after,
.hui-border-top-gray-after:after,
.hui-border-top-turquoise-after:after,
.hui-border-top-emerald-after:after,
.hui-border-top-peterRiver-after:after,
.hui-border-top-amethyst-after:after,
.hui-border-top-wetAsphalt-after:after,
.hui-border-top-greenSea-after:after,
.hui-border-top-nephritis-after:after,
.hui-border-top-belizeHole-after:after,
.hui-border-top-wisteria-after:after,
.hui-border-top-midnightBlue-after:after,
.hui-border-top-sunFlower-after:after,
.hui-border-top-carrot-after:after,
.hui-border-top-alizarin-after:after,
.hui-border-top-clouds-after:after,
.hui-border-top-concrete-after:after,
.hui-border-top-orange-after:after,
.hui-border-top-pumpkin-after:after,
.hui-border-top-pomegranate-after:after,
.hui-border-top-silver-after:after,
.hui-border-top-asbestos-after:after,
.hui-border-bottom-333-after:after,
.hui-border-bottom-444-after:after,
.hui-border-bottom-666-after:after,
.hui-border-bottom-999-after:after,
.hui-border-bottom-ccc-after:after,
.hui-border-bottom-eee-after:after,
.hui-border-bottom-f4f4f4-after:after,
.hui-border-bottom-f5f5f5-after:after,
.hui-border-bottom-dedede-after:after,
.hui-border-bottom-e6e6e6-after:after,
.hui-border-bottom-black-after:after,
.hui-border-bottom-white-after:after,
.hui-border-bottom-red-after:after,
.hui-border-bottom-blue-after:after,
.hui-border-bottom-pink-after:after,
.hui-border-bottom-yellow-after:after,
.hui-border-bottom-gray-after:after,
.hui-border-bottom-turquoise-after:after,
.hui-border-bottom-emerald-after:after,
.hui-border-bottom-peterRiver-after:after,
.hui-border-bottom-amethyst-after:after,
.hui-border-bottom-wetAsphalt-after:after,
.hui-border-bottom-greenSea-after:after,
.hui-border-bottom-nephritis-after:after,
.hui-border-bottom-belizeHole-after:after,
.hui-border-bottom-wisteria-after:after,
.hui-border-bottom-midnightBlue-after:after,
.hui-border-bottom-sunFlower-after:after,
.hui-border-bottom-carrot-after:after,
.hui-border-bottom-alizarin-after:after,
.hui-border-bottom-clouds-after:after,
.hui-border-bottom-concrete-after:after,
.hui-border-bottom-orange-after:after,
.hui-border-bottom-pumpkin-after:after,
.hui-border-bottom-pomegranate-after:after,
.hui-border-bottom-silver-after:after,
.hui-border-bottom-asbestos-after:after { display: block; content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0; -webkit-transform-origin: 0 0; -webkit-transform: scale(1); pointer-events: none; z-index: 1000; }
.hui-border-all-333-after:after { border-left: 1px solid #333; border-right: 1px solid #333; border-top: 1px solid #333; border-bottom: 1px solid #333; }
.hui-border-all-444-after:after { border-left: 1px solid #444; border-right: 1px solid #444; border-top: 1px solid #444; border-bottom: 1px solid #444; }
.hui-border-all-666-after:after { border-left: 1px solid #666; border-right: 1px solid #666; border-top: 1px solid #666; border-bottom: 1px solid #666; }
.hui-border-all-999-after:after { border-left: 1px solid #999; border-right: 1px solid #999; border-top: 1px solid #999; border-bottom: 1px solid #999; }
.hui-border-all-ccc-after:after { border-left: 1px solid #ccc; border-right: 1px solid #ccc; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; }
.hui-border-all-eee-after:after { border-left: 1px solid #eee; border-right: 1px solid #eee; border-top: 1px solid #eee; border-bottom: 1px solid #eee; }
.hui-border-all-f4f4f4-after:after { border-left: 1px solid #f4f4f4; border-right: 1px solid #f4f4f4; border-top: 1px solid #f4f4f4; border-bottom: 1px solid #f4f4f4; }
.hui-border-all-f5f5f5-after:after { border-left: 1px solid #f5f5f5; border-right: 1px solid #f5f5f5; border-top: 1px solid #f5f5f5; border-bottom: 1px solid #f5f5f5; }
.hui-border-all-dedede-after:after { border-left: 1px solid #dedede; border-right: 1px solid #dedede; border-top: 1px solid #dedede; border-bottom: 1px solid #dedede; }
.hui-border-all-e6e6e6-after:after { border-left: 1px solid #e6e6e6; border-right: 1px solid #e6e6e6; border-top: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; }
/*单色边线颜色*/
.hui-border-all-black-after:after { border-left: 1px solid black; border-right: 1px solid black; border-top: 1px solid black; border-bottom: 1px solid black; }
.hui-border-all-white-after:after { border-left: 1px solid white; border-right: 1px solid white; border-top: 1px solid white; border-bottom: 1px solid white; }
.hui-border-all-red-after:after { border-left: 1px solid red; border-right: 1px solid red; border-top: 1px solid red; border-bottom: 1px solid red; }
.hui-border-all-blue-after:after { border-left: 1px solid blue; border-right: 1px solid blue; border-top: 1px solid blue; border-bottom: 1px solid blue; }
.hui-border-all-pink-after:after { border-left: 1px solid pink; border-right: 1px solid pink; border-top: 1px solid pink; border-bottom: 1px solid pink; }
.hui-border-all-yellow-after:after { border-left: 1px solid yellow; border-right: 1px solid yellow; border-top: 1px solid black; border-bottom: 1px solid yellow; }
.hui-border-all-gray-after:after { border-left: 1px solid gray; border-right: 1px solid gray; border-top: 1px solid gray; border-bottom: 1px solid gray; }
/*扁平化边线颜色*/
.hui-border-all-turquoise-after:after { border-left: 1px solid #1abc9c; border-right: 1px solid #1abc9c; border-top: 1px solid #1abc9c; border-bottom: 1px solid #1abc9c; }
.hui-border-all-emerald-after:after { border-left: 1px solid #2ecc71; border-right: 1px solid #2ecc71; border-top: 1px solid #2ecc71; border-bottom: 1px solid #2ecc71; }
.hui-border-all-peterRiver-after:after { border-left: 1px solid #3498db; border-right: 1px solid #3498db; border-top: 1px solid #3498db; border-bottom: 1px solid #3498db; }
.hui-border-all-amethyst-after:after { border-left: 1px solid #9b59b6; border-right: 1px solid #9b59b6; border-top: 1px solid #9b59b6; border-bottom: 1px solid #9b59b6; }
.hui-border-all-wetAsphalt-after:after { border-left: 1px solid #34495e; border-right: 1px solid #34495e; border-top: 1px solid #34495e; border-bottom: 1px solid #34495e; }
.hui-border-all-greenSea-after:after { border-left: 1px solid #16a085; border-right: 1px solid #16a085; border-top: 1px solid #16a085; border-bottom: 1px solid #16a085; }
.hui-border-all-nephritis-after:after { border-left: 1px solid #27ae60; border-right: 1px solid #27ae60; border-top: 1px solid #27ae60; border-bottom: 1px solid #27ae60; }
.hui-border-all-belizeHole-after:after { border-left: 1px solid #2980b9; border-right: 1px solid #2980b9; border-top: 1px solid #2980b9; border-bottom: 1px solid #2980b9; }
.hui-border-all-wisteria-after:after { border-left: 1px solid #8e44ad; border-right: 1px solid #8e44ad; border-top: 1px solid #8e44ad; border-bottom: 1px solid #8e44ad; }
.hui-border-all-midnightBlue-after:after { border-left: 1px solid #2c3e50; border-right: 1px solid #2c3e50; border-top: 1px solid #2c3e50; border-bottom: 1px solid #2c3e50; }
.hui-border-all-sunFlower-after:after { border-left: 1px solid #f1c40f; border-right: 1px solid #f1c40f; border-top: 1px solid #f1c40f; border-bottom: 1px solid #f1c40f; }
.hui-border-all-carrot-after:after { border-left: 1px solid #e67e22; border-right: 1px solid #e67e22; border-top: 1px solid #e67e22; border-bottom: 1px solid #e67e22; }
.hui-border-all-alizarin-after:after { border-left: 1px solid #e74c3c; border-right: 1px solid #e74c3c; border-top: 1px solid #e74c3c; border-bottom: 1px solid #e74c3c; }
.hui-border-all-clouds-after:after { border-left: 1px solid #ecf0f1; border-right: 1px solid #ecf0f1; border-top: 1px solid #ecf0f1; border-bottom: 1px solid #ecf0f1; }
.hui-border-all-concrete-after:after { border-left: 1px solid #95a5a6; border-right: 1px solid #95a5a6; border-top: 1px solid #95a5a6; border-bottom: 1px solid #95a5a6; }
.hui-border-all-orange-after:after { border-left: 1px solid #f39c12; border-right: 1px solid #f39c12; border-top: 1px solid #f39c12; border-bottom: 1px solid #f39c12; }
.hui-border-all-pumpkin-after:after { border-left: 1px solid #d35400; border-right: 1px solid #d35400; border-top: 1px solid #d35400; border-bottom: 1px solid #d35400; }
.hui-border-all-pomegranate-after:after { border-left: 1px solid #c0392b; border-right: 1px solid #c0392b; border-top: 1px solid #c0392b; border-bottom: 1px solid #c0392b; }
.hui-border-all-silver-after:after { border-left: 1px solid #bdc3c7; border-right: 1px solid #bdc3c7; border-top: 1px solid #bdc3c7; border-bottom: 1px solid #bdc3c7; }
.hui-border-all-asbestos-after:after { border-left: 1px solid #7f8c8d; border-right: 1px solid #7f8c8d; border-top: 1px solid #7f8c8d; border-bottom: 1px solid #7f8c8d; }
/*水平1px线实线*/
/*常见十六进制边线颜色*/
.hui-border-col-333-after:after { border-left: 1px solid #333; border-right: 1px solid #333; }
.hui-border-col-444-after:after { border-left: 1px solid #444; border-right: 1px solid #444; }
.hui-border-col-666-after:after { border-left: 1px solid #666; border-right: 1px solid #666; }
.hui-border-col-999-after:after { border-left: 1px solid #999; border-right: 1px solid #999; }
.hui-border-col-ccc-after:after { border-left: 1px solid #ccc; border-right: 1px solid #ccc; }
.hui-border-col-eee-after:after { border-left: 1px solid #eee; border-right: 1px solid #eee; }
.hui-border-col-f4f4f4-after:after { border-left: 1px solid #f4f4f4; border-right: 1px solid #f4f4f4; }
.hui-border-col-f5f5f5-after:after { border-left: 1px solid #f5f5f5; border-right: 1px solid #f5f5f5; }
.hui-border-col-dedede-after:after { border-left: 1px solid #dedede; border-right: 1px solid #dedede; }
.hui-border-col-e6e6e6-after:after { border-left: 1px solid #e6e6e6; border-right: 1px solid #e6e6e6; }
/*单色边线颜色*/
.hui-border-col-black-after:after { border-left: 1px solid black; border-right: 1px solid black; }
.hui-border-col-white-after:after { border-left: 1px solid white; border-right: 1px solid white; }
.hui-border-col-red-after:after { border-left: 1px solid red; border-right: 1px solid red; }
.hui-border-col-blue-after:after { border-left: 1px solid blue; border-right: 1px solid blue; }
.hui-border-col-pink-after:after { border-left: 1px solid pink; border-right: 1px solid pink; }
.hui-border-col-yellow-after:after { border-left: 1px solid yellow; border-right: 1px solid yellow; }
.hui-border-col-gray-after:after { border-left: 1px solid gray; border-right: 1px solid gray; }
/*扁平化边线颜色*/
.hui-border-col-turquoise-after:after { border-left: 1px solid #1abc9c; border-right: 1px solid #1abc9c; }
.hui-border-col-emerald-after:after { border-left: 1px solid #2ecc71; border-right: 1px solid #2ecc71; }
.hui-border-col-peterRiver-after:after { border-left: 1px solid #3498db; border-right: 1px solid #3498db; }
.hui-border-col-amethyst-after:after { border-left: 1px solid #9b59b6; border-right: 1px solid #9b59b6; }
.hui-border-col-wetAsphalt-after:after { border-left: 1px solid #34495e; border-right: 1px solid #34495e; }
.hui-border-col-greenSea-after:after { border-left: 1px solid #16a085; border-right: 1px solid #16a085; }
.hui-border-col-nephritis-after:after { border-left: 1px solid #27ae60; border-right: 1px solid #27ae60; }
.hui-border-col-belizeHole-after:after { border-left: 1px solid #2980b9; border-right: 1px solid #2980b9; }
.hui-border-col-wisteria-after:after { border-left: 1px solid #8e44ad; border-right: 1px solid #8e44ad; }
.hui-border-col-midnightBlue-after:after { border-left: 1px solid #2c3e50; border-right: 1px solid #2c3e50; }
.hui-border-col-sunFlower-after:after { border-left: 1px solid #f1c40f; border-right: 1px solid #f1c40f; }
.hui-border-col-carrot-after:after { border-left: 1px solid #e67e22; border-right: 1px solid #e67e22; }
.hui-border-col-alizarin-after:after { border-left: 1px solid #e74c3c; border-right: 1px solid #e74c3c; }
.hui-border-col-clouds-after:after { border-left: 1px solid #ecf0f1; border-right: 1px solid #ecf0f1; }
.hui-border-col-concrete-after:after { border-left: 1px solid #95a5a6; border-right: 1px solid #95a5a6; }
.hui-border-col-orange-after:after { border-left: 1px solid #f39c12; border-right: 1px solid #f39c12; }
.hui-border-col-pumpkin-after:after { border-left: 1px solid #d35400; border-right: 1px solid #d35400; }
.hui-border-col-pomegranate-after:after { border-left: 1px solid #c0392b; border-right: 1px solid #c0392b; }
.hui-border-col-silver-after:after { border-left: 1px solid #bdc3c7; border-right: 1px solid #bdc3c7; }
.hui-border-col-asbestos-after:after { border-left: 1px solid #7f8c8d; border-right: 1px solid #7f8c8d; }
/*垂直1px线实线*/
/*常见十六进制边线颜色*/
.hui-border-row-333-after:after { border-top: 1px solid #333; border-bottom: 1px solid #333; }
.hui-border-row-444-after:after { border-top: 1px solid #444; border-bottom: 1px solid #444; }
.hui-border-row-666-after:after { border-top: 1px solid #666; border-bottom: 1px solid #666; }
.hui-border-row-999-after:after { border-top: 1px solid #999; border-bottom: 1px solid #999; }
.hui-border-row-ccc-after:after { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; }
.hui-border-row-eee-after:after { border-top: 1px solid #eee; border-bottom: 1px solid #eee; }
.hui-border-row-f4f4f4-after:after { border-top: 1px solid #f4f4f4; border-bottom: 1px solid #f4f4f4; }
.hui-border-row-f5f5f5-after:after { border-top: 1px solid #f5f5f5; border-bottom: 1px solid #f5f5f5; }
.hui-border-row-dedede-after:after { border-top: 1px solid #dedede; border-bottom: 1px solid #dedede; }
.hui-border-row-e6e6e6-after:after { border-top: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; }
/*单色边线颜色*/
.hui-border-row-black-after:after { border-top: 1px solid black; border-bottom: 1px solid black; }
.hui-border-row-white-after:after { border-top: 1px solid white; border-bottom: 1px solid white; }
.hui-border-row-red-after:after { border-top: 1px solid red; border-bottom: 1px solid red; }
.hui-border-row-blue-after:after { border-top: 1px solid blue; border-bottom: 1px solid blue; }
.hui-border-row-pink-after:after { border-top: 1px solid pink; border-bottom: 1px solid pink; }
.hui-border-row-yellow-after:after { border-top: 1px solid yellow; border-bottom: 1px solid yellow; }
.hui-border-row-gray-after:after { border-top: 1px solid gray; border-bottom: 1px solid gray; }
/*扁平化边线颜色*/
.hui-border-row-turquoise-after:after { border-top: 1px solid #1abc9c; border-bottom: 1px solid #1abc9c; }
.hui-border-row-emerald-after:after { border-top: 1px solid #2ecc71; border-bottom: 1px solid #2ecc71; }
.hui-border-row-peterRiver-after:after { border-top: 1px solid #3498db; border-bottom: 1px solid #3498db; }
.hui-border-row-amethyst-after:after { border-top: 1px solid #9b59b6; border-bottom: 1px solid #9b59b6; }
.hui-border-row-wetAsphalt-after:after { border-top: 1px solid #34495e; border-bottom: 1px solid #34495e; }
.hui-border-row-greenSea-after:after { border-top: 1px solid #16a085; border-bottom: 1px solid #16a085; }
.hui-border-row-nephritis-after:after { border-top: 1px solid #27ae60; border-bottom: 1px solid #27ae60; }
.hui-border-row-belizeHole-after:after { border-top: 1px solid #2980b9; border-bottom: 1px solid #2980b9; }
.hui-border-row-wisteria-after:after { border-top: 1px solid #8e44ad; border-bottom: 1px solid #8e44ad; }
.hui-border-row-midnightBlue-after:after { border-top: 1px solid #2c3e50; border-bottom: 1px solid #2c3e50; }
.hui-border-row-sunFlower-after:after { border-top: 1px solid #f1c40f; border-bottom: 1px solid #f1c40f; }
.hui-border-row-carrot-after:after { border-top: 1px solid #e67e22; border-bottom: 1px solid #e67e22; }
.hui-border-row-alizarin-after:after { border-top: 1px solid #e74c3c; border-bottom: 1px solid #e74c3c; }
.hui-border-row-clouds-after:after { border-top: 1px solid #ecf0f1; border-bottom: 1px solid #ecf0f1; }
.hui-border-row-concrete-after:after { border-top: 1px solid #95a5a6; border-bottom: 1px solid #95a5a6; }
.hui-border-row-orange-after:after { border-top: 1px solid #f39c12; border-bottom: 1px solid #f39c12; }
.hui-border-row-pumpkin-after:after { border-top: 1px solid #d35400; border-bottom: 1px solid #d35400; }
.hui-border-row-pomegranate-after:after { border-top: 1px solid #c0392b; border-bottom: 1px solid #c0392b; }
.hui-border-row-silver-after:after { border-top: 1px solid #bdc3c7; border-bottom: 1px solid #bdc3c7; }
.hui-border-row-asbestos-after:after { border-top: 1px solid #7f8c8d; border-bottom: 1px solid #7f8c8d; }
/*左边1px线实线*/
/*常见十六进制边线颜色*/
.hui-border-left-333-after:after { border-left: 1px solid #333; }
.hui-border-left-444-after:after { border-left: 1px solid #444; }
.hui-border-left-666-after:after { border-left: 1px solid #666; }
.hui-border-left-999-after:after { border-left: 1px solid #999; }
.hui-border-left-ccc-after:after { border-left: 1px solid #ccc; }
.hui-border-left-eee-after:after { border-left: 1px solid #eee; }
.hui-border-left-f4f4f4-after:after { border-left: 1px solid #f4f4f4; }
.hui-border-left-f5f5f5-after:after { border-left: 1px solid #f5f5f5; }
.hui-border-left-dedede-after:after { border-left: 1px solid #dedede; }
.hui-border-left-e6e6e6-after:after { border-left: 1px solid #e6e6e6; }
/*单色边线颜色*/
.hui-border-left-black-after:after { border-left: 1px solid black; }
.hui-border-left-white-after:after { border-left: 1px solid white; }
.hui-border-left-red-after:after { border-left: 1px solid red; }
.hui-border-left-blue-after:after { border-left: 1px solid blue; }
.hui-border-left-pink-after:after { border-left: 1px solid pink; }
.hui-border-left-yellow-after:after { border-left: 1px solid yellow; }
.hui-border-left-gray-after:after { border-left: 1px solid gray; }
/*扁平化边线颜色*/
.hui-border-left-turquoise-after:after { border-left: 1px solid #1abc9c; }
.hui-border-left-emerald-after:after { border-left: 1px solid #2ecc71; }
.hui-border-left-peterRiver-after:after { border-left: 1px solid #3498db; }
.hui-border-left-amethyst-after:after { border-left: 1px solid #9b59b6; }
.hui-border-left-wetAsphalt-after:after { border-left: 1px solid #34495e; }
.hui-border-left-greenSea-after:after { border-left: 1px solid #16a085; }
.hui-border-left-nephritis-after:after { border-left: 1px solid #27ae60; }
.hui-border-left-belizeHole-after:after { border-left: 1px solid #2980b9; }
.hui-border-left-wisteria-after:after { border-left: 1px solid #8e44ad; }
.hui-border-left-midnightBlue-after:after { border-left: 1px solid #2c3e50; }
.hui-border-left-sunFlower-after:after { border-left: 1px solid #f1c40f; }
.hui-border-left-carrot-after:after { border-left: 1px solid #e67e22; }
.hui-border-left-alizarin-after:after { border-left: 1px solid #e74c3c; }
.hui-border-left-clouds-after:after { border-left: 1px solid #ecf0f1; }
.hui-border-left-concrete-after:after { border-left: 1px solid #95a5a6; }
.hui-border-left-orange-after:after { border-left: 1px solid #f39c12; }
.hui-border-left-pumpkin-after:after { border-left: 1px solid #d35400; }
.hui-border-left-pomegranate-after:after { border-left: 1px solid #c0392b; }
.hui-border-left-silver-after:after { border-left: 1px solid #bdc3c7; }
.hui-border-left-asbestos-after:after { border-left: 1px solid #7f8c8d; }
/*右边1px线实线*/
/*常见十六进制边线颜色*/
.hui-border-right-333-after:after { border-right: 1px solid #333; }
.hui-border-right-444-after:after { border-right: 1px solid #444; }
.hui-border-right-666-after:after { border-right: 1px solid #666; }
.hui-border-right-999-after:after { border-right: 1px solid #999; }
.hui-border-right-ccc-after:after { border-right: 1px solid #ccc; }
.hui-border-right-eee-after:after { border-right: 1px solid #eee; }
.hui-border-right-f4f4f4-after:after { border-right: 1px solid #f4f4f4; }
.hui-border-right-f5f5f5-after:after { border-right: 1px solid #f5f5f5; }
.hui-border-right-dedede-after:after { border-right: 1px solid #dedede; }
.hui-border-right-e6e6e6-after:after { border-right: 1px solid #e6e6e6; }
/*单色边线颜色*/
.hui-border-right-black-after:after { border-right: 1px solid black; }
.hui-border-right-white-after:after { border-right: 1px solid white; }
.hui-border-right-red-after:after { border-right: 1px solid red; }
.hui-border-right-blue-after:after { border-right: 1px solid blue; }
.hui-border-right-pink-after:after { border-right: 1px solid pink; }
.hui-border-right-yellow-after:after { border-right: 1px solid yellow; }
.hui-border-right-gray-after:after { border-right: 1px solid gray; }
/*扁平化边线颜色*/
.hui-border-right-turquoise-after:after { border-right: 1px solid #1abc9c; }
.hui-border-right-emerald-after:after { border-right: 1px solid #2ecc71; }
.hui-border-right-peterRiver-after:after { border-right: 1px solid #3498db; }
.hui-border-right-amethyst-after:after { border-right: 1px solid #9b59b6; }
.hui-border-right-wetAsphalt-after:after { border-right: 1px solid #34495e; }
.hui-border-right-greenSea-after:after { border-right: 1px solid #16a085; }
.hui-border-right-nephritis-after:after { border-right: 1px solid #27ae60; }
.hui-border-right-belizeHole-after:after { border-right: 1px solid #2980b9; }
.hui-border-right-wisteria-after:after { border-right: 1px solid #8e44ad; }
.hui-border-right-midnightBlue-after:after { border-right: 1px solid #2c3e50; }
.hui-border-right-sunFlower-after:after { border-right: 1px solid #f1c40f; }
.hui-border-right-carrot-after:after { border-right: 1px solid #e67e22; }
.hui-border-right-alizarin-after:after { border-right: 1px solid #e74c3c; }
.hui-border-right-clouds-after:after { border-right: 1px solid #ecf0f1; }
.hui-border-right-concrete-after:after { border-right: 1px solid #95a5a6; }
.hui-border-right-orange-after:after { border-right: 1px solid #f39c12; }
.hui-border-right-pumpkin-after:after { border-right: 1px solid #d35400; }
.hui-border-right-pomegranate-after:after { border-right: 1px solid #c0392b; }
.hui-border-right-silver-after:after { border-right: 1px solid #bdc3c7; }
.hui-border-right-asbestos-after:after { border-right: 1px solid #7f8c8d; }
/*上边1px线实线*/
/*常见十六进制边线颜色*/
.hui-border-top-333-after:after { border-top: 1px solid #333; }
.hui-border-top-444-after:after { border-top: 1px solid #444; }
.hui-border-top-666-after:after { border-top: 1px solid #666; }
.hui-border-top-999-after:after { border-top: 1px solid #999; }
.hui-border-top-ccc-after:after { border-top: 1px solid #ccc; }
.hui-border-top-eee-after:after { border-top: 1px solid #eee; }
.hui-border-top-f4f4f4-after:after { border-top: 1px solid #f4f4f4; }
.hui-border-top-f5f5f5-after:after { border-top: 1px solid #f5f5f5; }
.hui-border-top-dedede-after:after { border-top: 1px solid #dedede; }
.hui-border-top-e6e6e6-after:after { border-top: 1px solid #e6e6e6; }
/*单色边线颜色*/
.hui-border-top-black-after:after { border-top: 1px solid black; }
.hui-border-top-white-after:after { border-top: 1px solid white; }
.hui-border-top-red-after:after { border-top: 1px solid red; }
.hui-border-top-blue-after:after { border-top: 1px solid blue; }
.hui-border-top-pink-after:after { border-top: 1px solid pink; }
.hui-border-top-yellow-after:after { border-top: 1px solid yellow; }
.hui-border-top-gray-after:after { border-top: 1px solid gray; }
/*扁平化边线颜色*/
.hui-border-top-turquoise-after:after { border-top: 1px solid #1abc9c; }
.hui-border-top-emerald-after:after { border-top: 1px solid #2ecc71; }
.hui-border-top-peterRiver-after:after { border-top: 1px solid #3498db; }
.hui-border-top-amethyst-after:after { border-top: 1px solid #9b59b6; }
.hui-border-top-wetAsphalt-after:after { border-top: 1px solid #34495e; }
.hui-border-top-greenSea-after:after { border-top: 1px solid #16a085; }
.hui-border-top-nephritis-after:after { border-top: 1px solid #27ae60; }
.hui-border-top-belizeHole-after:after { border-top: 1px solid #2980b9; }
.hui-border-top-wisteria-after:after { border-top: 1px solid #8e44ad; }
.hui-border-top-midnightBlue-after:after { border-top: 1px solid #2c3e50; }
.hui-border-top-sunFlower-after:after { border-top: 1px solid #f1c40f; }
.hui-border-top-carrot-after:after { border-top: 1px solid #e67e22; }
.hui-border-top-alizarin-after:after { border-top: 1px solid #e74c3c; }
.hui-border-top-clouds-after:after { border-top: 1px solid #ecf0f1; }
.hui-border-top-concrete-after:after { border-top: 1px solid #95a5a6; }
.hui-border-top-orange-after:after { border-top: 1px solid #f39c12; }
.hui-border-top-pumpkin-after:after { border-top: 1px solid #d35400; }
.hui-border-top-pomegranate-after:after { border-top: 1px solid #c0392b; }
.hui-border-top-silver-after:after { border-top: 1px solid #bdc3c7; }
.hui-border-top-asbestos-after:after { border-top: 1px solid #7f8c8d; }
/*下边1px线实线*/
/*常见十六进制边线颜色*/
.hui-border-bottom-333-after:after { border-bottom: 1px solid #333; }
.hui-border-bottom-444-after:after { border-bottom: 1px solid #444; }
.hui-border-bottom-666-after:after { border-bottom: 1px solid #666; }
.hui-border-bottom-999-after:after { border-bottom: 1px solid #999; }
.hui-border-bottom-ccc-after:after { border-bottom: 1px solid #ccc; }
.hui-border-bottom-eee-after:after { border-bottom: 1px solid #eee; }
.hui-border-bottom-f4f4f4-after:after { border-bottom: 1px solid #f4f4f4; }
.hui-border-bottom-f5f5f5-after:after { border-bottom: 1px solid #f5f5f5; }
.hui-border-bottom-dedede-after:after { border-bottom: 1px solid #dedede; }
.hui-border-bottom-e6e6e6-after:after { border-bottom: 1px solid #e6e6e6; }
/*单色边线颜色*/
.hui-border-bottom-black-after:after { border-bottom: 1px solid black; }
.hui-border-bottom-white-after:after { border-bottom: 1px solid white; }
.hui-border-bottom-red-after:after { border-bottom: 1px solid red; }
.hui-border-bottom-blue-after:after { border-bottom: 1px solid blue; }
.hui-border-bottom-pink-after:after { border-bottom: 1px solid pink; }
.hui-border-bottom-yellow-after:after { border-bottom: 1px solid yellow; }
.hui-border-bottom-gray-after:after { border-bottom: 1px solid gray; }
/*扁平化边线颜色*/
.hui-border-bottom-turquoise-after:after { border-bottom: 1px solid #1abc9c; }
.hui-border-bottom-emerald-after:after { border-bottom: 1px solid #2ecc71; }
.hui-border-bottom-peterRiver-after:after { border-bottom: 1px solid #3498db; }
.hui-border-bottom-amethyst-after:after { border-bottom: 1px solid #9b59b6; }
.hui-border-bottom-wetAsphalt-after:after { border-bottom: 1px solid #34495e; }
.hui-border-bottom-greenSea-after:after { border-bottom: 1px solid #16a085; }
.hui-border-bottom-nephritis-after:after { border-bottom: 1px solid #27ae60; }
.hui-border-bottom-belizeHole-after:after { border-bottom: 1px solid #2980b9; }
.hui-border-bottom-wisteria-after:after { border-bottom: 1px solid #8e44ad; }
.hui-border-bottom-midnightBlue-after:after { border-bottom: 1px solid #2c3e50; }
.hui-border-bottom-sunFlower-after:after { border-bottom: 1px solid #f1c40f; }
.hui-border-bottom-carrot-after:after { border-bottom: 1px solid #e67e22; }
.hui-border-bottom-alizarin-after:after { border-bottom: 1px solid #e74c3c; }
.hui-border-bottom-clouds-after:after { border-bottom: 1px solid #ecf0f1; }
.hui-border-bottom-concrete-after:after { border-bottom: 1px solid #95a5a6; }
.hui-border-bottom-orange-after:after { border-bottom: 1px solid #f39c12; }
.hui-border-bottom-pumpkin-after:after { border-bottom: 1px solid #d35400; }
.hui-border-bottom-pomegranate-after:after { border-bottom: 1px solid #c0392b; }
.hui-border-bottom-silver-after:after { border-bottom: 1px solid #bdc3c7; }
.hui-border-bottom-asbestos-after:after { border-bottom: 1px solid #7f8c8d; }

@media (-webkit-min-device-pixel-ratio:1.5),(min-device-pixel-ratio:1.5),(min-resolution: 144dpi),(min-resolution:1.5dppx) {
    .hui-border-all-333-after:after,
    .hui-border-all-444-after:after,
    .hui-border-all-666-after:after,
    .hui-border-all-999-after:after,
    .hui-border-all-ccc-after:after,
    .hui-border-all-eee-after:after,
    .hui-border-all-f4f4f4-after:after,
    .hui-border-all-f5f5f5-after:after,
    .hui-border-all-dedede-after:after,
    .hui-border-all-e6e6e6-after:after,
    .hui-border-all-black-after:after,
    .hui-border-all-white-after:after,
    .hui-border-all-red-after:after,
    .hui-border-all-blue-after:after,
    .hui-border-all-pink-after:after,
    .hui-border-all-yellow-after:after,
    .hui-border-all-gray-after:after,
    .hui-border-all-turquoise-after:after,
    .hui-border-all-emerald-after:after,
    .hui-border-all-peterRiver-after:after,
    .hui-border-all-amethyst-after:after,
    .hui-border-all-wetAsphalt-after:after,
    .hui-border-all-greenSea-after:after,
    .hui-border-all-nephritis-after:after,
    .hui-border-all-belizeHole-after:after,
    .hui-border-all-wisteria-after:after,
    .hui-border-all-midnightBlue-after:after,
    .hui-border-all-sunFlower-after:after,
    .hui-border-all-carrot-after:after,
    .hui-border-all-alizarin-after:after,
    .hui-border-all-clouds-after:after,
    .hui-border-all-concrete-after:after,
    .hui-border-all-orange-after:after,
    .hui-border-all-pumpkin-after:after,
    .hui-border-all-pomegranate-after:after,
    .hui-border-all-silver-after:after,
    .hui-border-all-asbestos-after:after,
    .hui-border-col-333-after:after,
    .hui-border-col-444-after:after,
    .hui-border-col-666-after:after,
    .hui-border-col-999-after:after,
    .hui-border-col-ccc-after:after,
    .hui-border-col-eee-after:after,
    .hui-border-col-f4f4f4-after:after,
    .hui-border-col-f5f5f5-after:after,
    .hui-border-col-dedede-after:after,
    .hui-border-col-e6e6e6-after:after,
    .hui-border-col-black-after:after,
    .hui-border-col-white-after:after,
    .hui-border-col-red-after:after,
    .hui-border-col-blue-after:after,
    .hui-border-col-pink-after:after,
    .hui-border-col-yellow-after:after,
    .hui-border-col-gray-after:after,
    .hui-border-col-turquoise-after:after,
    .hui-border-col-emerald-after:after,
    .hui-border-col-peterRiver-after:after,
    .hui-border-col-amethyst-after:after,
    .hui-border-col-wetAsphalt-after:after,
    .hui-border-col-greenSea-after:after,
    .hui-border-col-nephritis-after:after,
    .hui-border-col-belizeHole-after:after,
    .hui-border-col-wisteria-after:after,
    .hui-border-col-midnightBlue-after:after,
    .hui-border-col-sunFlower-after:after,
    .hui-border-col-carrot-after:after,
    .hui-border-col-alizarin-after:after,
    .hui-border-col-clouds-after:after,
    .hui-border-col-concrete-after:after,
    .hui-border-col-orange-after:after,
    .hui-border-col-pumpkin-after:after,
    .hui-border-col-pomegranate-after:after,
    .hui-border-col-silver-after:after,
    .hui-border-col-asbestos-after:after,
    .hui-border-row-333-after:after,
    .hui-border-row-444-after:after,
    .hui-border-row-666-after:after,
    .hui-border-row-999-after:after,
    .hui-border-row-ccc-after:after,
    .hui-border-row-eee-after:after,
    .hui-border-row-f4f4f4-after:after,
    .hui-border-row-f5f5f5-after:after,
    .hui-border-row-dedede-after:after,
    .hui-border-row-e6e6e6-after:after,
    .hui-border-row-black-after:after,
    .hui-border-row-white-after:after,
    .hui-border-row-red-after:after,
    .hui-border-row-blue-after:after,
    .hui-border-row-pink-after:after,
    .hui-border-row-yellow-after:after,
    .hui-border-row-gray-after:after,
    .hui-border-row-turquoise-after:after,
    .hui-border-row-emerald-after:after,
    .hui-border-row-peterRiver-after:after,
    .hui-border-row-amethyst-after:after,
    .hui-border-row-wetAsphalt-after:after,
    .hui-border-row-greenSea-after:after,
    .hui-border-row-nephritis-after:after,
    .hui-border-row-belizeHole-after:after,
    .hui-border-row-wisteria-after:after,
    .hui-border-row-midnightBlue-after:after,
    .hui-border-row-sunFlower-after:after,
    .hui-border-row-carrot-after:after,
    .hui-border-row-alizarin-after:after,
    .hui-border-row-clouds-after:after,
    .hui-border-row-concrete-after:after,
    .hui-border-row-orange-after:after,
    .hui-border-row-pumpkin-after:after,
    .hui-border-row-pomegranate-after:after,
    .hui-border-row-silver-after:after,
    .hui-border-row-asbestos-after:after,
    .hui-border-left-333-after:after,
    .hui-border-left-444-after:after,
    .hui-border-left-666-after:after,
    .hui-border-left-999-after:after,
    .hui-border-left-ccc-after:after,
    .hui-border-left-eee-after:after,
    .hui-border-left-f4f4f4-after:after,
    .hui-border-left-f5f5f5-after:after,
    .hui-border-left-dedede-after:after,
    .hui-border-left-e6e6e6-after:after,
    .hui-border-left-black-after:after,
    .hui-border-left-white-after:after,
    .hui-border-left-red-after:after,
    .hui-border-left-blue-after:after,
    .hui-border-left-pink-after:after,
    .hui-border-left-yellow-after:after,
    .hui-border-left-gray-after:after,
    .hui-border-left-turquoise-after:after,
    .hui-border-left-emerald-after:after,
    .hui-border-left-peterRiver-after:after,
    .hui-border-left-amethyst-after:after,
    .hui-border-left-wetAsphalt-after:after,
    .hui-border-left-greenSea-after:after,
    .hui-border-left-nephritis-after:after,
    .hui-border-left-belizeHole-after:after,
    .hui-border-left-wisteria-after:after,
    .hui-border-left-midnightBlue-after:after,
    .hui-border-left-sunFlower-after:after,
    .hui-border-left-carrot-after:after,
    .hui-border-left-alizarin-after:after,
    .hui-border-left-clouds-after:after,
    .hui-border-left-concrete-after:after,
    .hui-border-left-orange-after:after,
    .hui-border-left-pumpkin-after:after,
    .hui-border-left-pomegranate-after:after,
    .hui-border-left-silver-after:after,
    .hui-border-left-asbestos-after:after,
    .hui-border-right-333-after:after,
    .hui-border-right-444-after:after,
    .hui-border-right-666-after:after,
    .hui-border-right-999-after:after,
    .hui-border-right-ccc-after:after,
    .hui-border-right-eee-after:after,
    .hui-border-right-f4f4f4-after:after,
    .hui-border-right-f5f5f5-after:after,
    .hui-border-right-dedede-after:after,
    .hui-border-right-e6e6e6-after:after,
    .hui-border-right-black-after:after,
    .hui-border-right-white-after:after,
    .hui-border-right-red-after:after,
    .hui-border-right-blue-after:after,
    .hui-border-right-pink-after:after,
    .hui-border-right-yellow-after:after,
    .hui-border-right-gray-after:after,
    .hui-border-right-turquoise-after:after,
    .hui-border-right-emerald-after:after,
    .hui-border-right-peterRiver-after:after,
    .hui-border-right-amethyst-after:after,
    .hui-border-right-wetAsphalt-after:after,
    .hui-border-right-greenSea-after:after,
    .hui-border-right-nephritis-after:after,
    .hui-border-right-belizeHole-after:after,
    .hui-border-right-wisteria-after:after,
    .hui-border-right-midnightBlue-after:after,
    .hui-border-right-sunFlower-after:after,
    .hui-border-right-carrot-after:after,
    .hui-border-right-alizarin-after:after,
    .hui-border-right-clouds-after:after,
    .hui-border-right-concrete-after:after,
    .hui-border-right-orange-after:after,
    .hui-border-right-pumpkin-after:after,
    .hui-border-right-pomegranate-after:after,
    .hui-border-right-silver-after:after,
    .hui-border-right-asbestos-after:after,
    .hui-border-top-333-after:after,
    .hui-border-top-444-after:after,
    .hui-border-top-666-after:after,
    .hui-border-top-999-after:after,
    .hui-border-top-ccc-after:after,
    .hui-border-top-eee-after:after,
    .hui-border-top-f4f4f4-after:after,
    .hui-border-top-f5f5f5-after:after,
    .hui-border-top-dedede-after:after,
    .hui-border-top-e6e6e6-after:after,
    .hui-border-top-black-after:after,
    .hui-border-top-white-after:after,
    .hui-border-top-red-after:after,
    .hui-border-top-blue-after:after,
    .hui-border-top-pink-after:after,
    .hui-border-top-yellow-after:after,
    .hui-border-top-gray-after:after,
    .hui-border-top-turquoise-after:after,
    .hui-border-top-emerald-after:after,
    .hui-border-top-peterRiver-after:after,
    .hui-border-top-amethyst-after:after,
    .hui-border-top-wetAsphalt-after:after,
    .hui-border-top-greenSea-after:after,
    .hui-border-top-nephritis-after:after,
    .hui-border-top-belizeHole-after:after,
    .hui-border-top-wisteria-after:after,
    .hui-border-top-midnightBlue-after:after,
    .hui-border-top-sunFlower-after:after,
    .hui-border-top-carrot-after:after,
    .hui-border-top-alizarin-after:after,
    .hui-border-top-clouds-after:after,
    .hui-border-top-concrete-after:after,
    .hui-border-top-orange-after:after,
    .hui-border-top-pumpkin-after:after,
    .hui-border-top-pomegranate-after:after,
    .hui-border-top-silver-after:after,
    .hui-border-top-asbestos-after:after,
    .hui-border-bottom-333-after:after,
    .hui-border-bottom-444-after:after,
    .hui-border-bottom-666-after:after,
    .hui-border-bottom-999-after:after,
    .hui-border-bottom-ccc-after:after,
    .hui-border-bottom-eee-after:after,
    .hui-border-bottom-f4f4f4-after:after,
    .hui-border-bottom-f5f5f5-after:after,
    .hui-border-bottom-dedede-after:after,
    .hui-border-bottom-e6e6e6-after:after,
    .hui-border-bottom-black-after:after,
    .hui-border-bottom-white-after:after,
    .hui-border-bottom-red-after:after,
    .hui-border-bottom-blue-after:after,
    .hui-border-bottom-pink-after:after,
    .hui-border-bottom-yellow-after:after,
    .hui-border-bottom-gray-after:after,
    .hui-border-bottom-turquoise-after:after,
    .hui-border-bottom-emerald-after:after,
    .hui-border-bottom-peterRiver-after:after,
    .hui-border-bottom-amethyst-after:after,
    .hui-border-bottom-wetAsphalt-after:after,
    .hui-border-bottom-greenSea-after:after,
    .hui-border-bottom-nephritis-after:after,
    .hui-border-bottom-belizeHole-after:after,
    .hui-border-bottom-wisteria-after:after,
    .hui-border-bottom-midnightBlue-after:after,
    .hui-border-bottom-sunFlower-after:after,
    .hui-border-bottom-carrot-after:after,
    .hui-border-bottom-alizarin-after:after,
    .hui-border-bottom-clouds-after:after,
    .hui-border-bottom-concrete-after:after,
    .hui-border-bottom-orange-after:after,
    .hui-border-bottom-pumpkin-after:after,
    .hui-border-bottom-pomegranate-after:after,
    .hui-border-bottom-silver-after:after,
    .hui-border-bottom-asbestos-after:after { right: -100%; bottom: -100%; -webkit-transform: scale(0.5); }
}

@media (-webkit-device-pixel-ratio:1.5) {
    .hui-border-all-333-after:after,
    .hui-border-all-444-after:after,
    .hui-border-all-666-after:after,
    .hui-border-all-999-after:after,
    .hui-border-all-ccc-after:after,
    .hui-border-all-eee-after:after,
    .hui-border-all-f4f4f4-after:after,
    .hui-border-all-f5f5f5-after:after,
    .hui-border-all-dedede-after:after,
    .hui-border-all-e6e6e6-after:after,
    .hui-border-all-black-after:after,
    .hui-border-all-white-after:after,
    .hui-border-all-red-after:after,
    .hui-border-all-blue-after:after,
    .hui-border-all-pink-after:after,
    .hui-border-all-yellow-after:after,
    .hui-border-all-gray-after:after,
    .hui-border-all-turquoise-after:after,
    .hui-border-all-emerald-after:after,
    .hui-border-all-peterRiver-after:after,
    .hui-border-all-amethyst-after:after,
    .hui-border-all-wetAsphalt-after:after,
    .hui-border-all-greenSea-after:after,
    .hui-border-all-nephritis-after:after,
    .hui-border-all-belizeHole-after:after,
    .hui-border-all-wisteria-after:after,
    .hui-border-all-midnightBlue-after:after,
    .hui-border-all-sunFlower-after:after,
    .hui-border-all-carrot-after:after,
    .hui-border-all-alizarin-after:after,
    .hui-border-all-clouds-after:after,
    .hui-border-all-concrete-after:after,
    .hui-border-all-orange-after:after,
    .hui-border-all-pumpkin-after:after,
    .hui-border-all-pomegranate-after:after,
    .hui-border-all-silver-after:after,
    .hui-border-all-asbestos-after:after,
    .hui-border-col-333-after:after,
    .hui-border-col-444-after:after,
    .hui-border-col-666-after:after,
    .hui-border-col-999-after:after,
    .hui-border-col-ccc-after:after,
    .hui-border-col-eee-after:after,
    .hui-border-col-f4f4f4-after:after,
    .hui-border-col-f5f5f5-after:after,
    .hui-border-col-dedede-after:after,
    .hui-border-col-e6e6e6-after:after,
    .hui-border-col-black-after:after,
    .hui-border-col-white-after:after,
    .hui-border-col-red-after:after,
    .hui-border-col-blue-after:after,
    .hui-border-col-pink-after:after,
    .hui-border-col-yellow-after:after,
    .hui-border-col-gray-after:after,
    .hui-border-col-turquoise-after:after,
    .hui-border-col-emerald-after:after,
    .hui-border-col-peterRiver-after:after,
    .hui-border-col-amethyst-after:after,
    .hui-border-col-wetAsphalt-after:after,
    .hui-border-col-greenSea-after:after,
    .hui-border-col-nephritis-after:after,
    .hui-border-col-belizeHole-after:after,
    .hui-border-col-wisteria-after:after,
    .hui-border-col-midnightBlue-after:after,
    .hui-border-col-sunFlower-after:after,
    .hui-border-col-carrot-after:after,
    .hui-border-col-alizarin-after:after,
    .hui-border-col-clouds-after:after,
    .hui-border-col-concrete-after:after,
    .hui-border-col-orange-after:after,
    .hui-border-col-pumpkin-after:after,
    .hui-border-col-pomegranate-after:after,
    .hui-border-col-silver-after:after,
    .hui-border-col-asbestos-after:after,
    .hui-border-row-333-after:after,
    .hui-border-row-444-after:after,
    .hui-border-row-666-after:after,
    .hui-border-row-999-after:after,
    .hui-border-row-ccc-after:after,
    .hui-border-row-eee-after:after,
    .hui-border-row-f4f4f4-after:after,
    .hui-border-row-f5f5f5-after:after,
    .hui-border-row-dedede-after:after,
    .hui-border-row-e6e6e6-after:after,
    .hui-border-row-black-after:after,
    .hui-border-row-white-after:after,
    .hui-border-row-red-after:after,
    .hui-border-row-blue-after:after,
    .hui-border-row-pink-after:after,
    .hui-border-row-yellow-after:after,
    .hui-border-row-gray-after:after,
    .hui-border-row-turquoise-after:after,
    .hui-border-row-emerald-after:after,
    .hui-border-row-peterRiver-after:after,
    .hui-border-row-amethyst-after:after,
    .hui-border-row-wetAsphalt-after:after,
    .hui-border-row-greenSea-after:after,
    .hui-border-row-nephritis-after:after,
    .hui-border-row-belizeHole-after:after,
    .hui-border-row-wisteria-after:after,
    .hui-border-row-midnightBlue-after:after,
    .hui-border-row-sunFlower-after:after,
    .hui-border-row-carrot-after:after,
    .hui-border-row-alizarin-after:after,
    .hui-border-row-clouds-after:after,
    .hui-border-row-concrete-after:after,
    .hui-border-row-orange-after:after,
    .hui-border-row-pumpkin-after:after,
    .hui-border-row-pomegranate-after:after,
    .hui-border-row-silver-after:after,
    .hui-border-row-asbestos-after:after,
    .hui-border-left-333-after:after,
    .hui-border-left-444-after:after,
    .hui-border-left-666-after:after,
    .hui-border-left-999-after:after,
    .hui-border-left-ccc-after:after,
    .hui-border-left-eee-after:after,
    .hui-border-left-f4f4f4-after:after,
    .hui-border-left-f5f5f5-after:after,
    .hui-border-left-dedede-after:after,
    .hui-border-left-e6e6e6-after:after,
    .hui-border-left-black-after:after,
    .hui-border-left-white-after:after,
    .hui-border-left-red-after:after,
    .hui-border-left-blue-after:after,
    .hui-border-left-pink-after:after,
    .hui-border-left-yellow-after:after,
    .hui-border-left-gray-after:after,
    .hui-border-left-turquoise-after:after,
    .hui-border-left-emerald-after:after,
    .hui-border-left-peterRiver-after:after,
    .hui-border-left-amethyst-after:after,
    .hui-border-left-wetAsphalt-after:after,
    .hui-border-left-greenSea-after:after,
    .hui-border-left-nephritis-after:after,
    .hui-border-left-belizeHole-after:after,
    .hui-border-left-wisteria-after:after,
    .hui-border-left-midnightBlue-after:after,
    .hui-border-left-sunFlower-after:after,
    .hui-border-left-carrot-after:after,
    .hui-border-left-alizarin-after:after,
    .hui-border-left-clouds-after:after,
    .hui-border-left-concrete-after:after,
    .hui-border-left-orange-after:after,
    .hui-border-left-pumpkin-after:after,
    .hui-border-left-pomegranate-after:after,
    .hui-border-left-silver-after:after,
    .hui-border-left-asbestos-after:after,
    .hui-border-right-333-after:after,
    .hui-border-right-444-after:after,
    .hui-border-right-666-after:after,
    .hui-border-right-999-after:after,
    .hui-border-right-ccc-after:after,
    .hui-border-right-eee-after:after,
    .hui-border-right-f4f4f4-after:after,
    .hui-border-right-f5f5f5-after:after,
    .hui-border-right-dedede-after:after,
    .hui-border-right-e6e6e6-after:after,
    .hui-border-right-black-after:after,
    .hui-border-right-white-after:after,
    .hui-border-right-red-after:after,
    .hui-border-right-blue-after:after,
    .hui-border-right-pink-after:after,
    .hui-border-right-yellow-after:after,
    .hui-border-right-gray-after:after,
    .hui-border-right-turquoise-after:after,
    .hui-border-right-emerald-after:after,
    .hui-border-right-peterRiver-after:after,
    .hui-border-right-amethyst-after:after,
    .hui-border-right-wetAsphalt-after:after,
    .hui-border-right-greenSea-after:after,
    .hui-border-right-nephritis-after:after,
    .hui-border-right-belizeHole-after:after,
    .hui-border-right-wisteria-after:after,
    .hui-border-right-midnightBlue-after:after,
    .hui-border-right-sunFlower-after:after,
    .hui-border-right-carrot-after:after,
    .hui-border-right-alizarin-after:after,
    .hui-border-right-clouds-after:after,
    .hui-border-right-concrete-after:after,
    .hui-border-right-orange-after:after,
    .hui-border-right-pumpkin-after:after,
    .hui-border-right-pomegranate-after:after,
    .hui-border-right-silver-after:after,
    .hui-border-right-asbestos-after:after,
    .hui-border-top-333-after:after,
    .hui-border-top-444-after:after,
    .hui-border-top-666-after:after,
    .hui-border-top-999-after:after,
    .hui-border-top-ccc-after:after,
    .hui-border-top-eee-after:after,
    .hui-border-top-f4f4f4-after:after,
    .hui-border-top-f5f5f5-after:after,
    .hui-border-top-dedede-after:after,
    .hui-border-top-e6e6e6-after:after,
    .hui-border-top-black-after:after,
    .hui-border-top-white-after:after,
    .hui-border-top-red-after:after,
    .hui-border-top-blue-after:after,
    .hui-border-top-pink-after:after,
    .hui-border-top-yellow-after:after,
    .hui-border-top-gray-after:after,
    .hui-border-top-turquoise-after:after,
    .hui-border-top-emerald-after:after,
    .hui-border-top-peterRiver-after:after,
    .hui-border-top-amethyst-after:after,
    .hui-border-top-wetAsphalt-after:after,
    .hui-border-top-greenSea-after:after,
    .hui-border-top-nephritis-after:after,
    .hui-border-top-belizeHole-after:after,
    .hui-border-top-wisteria-after:after,
    .hui-border-top-midnightBlue-after:after,
    .hui-border-top-sunFlower-after:after,
    .hui-border-top-carrot-after:after,
    .hui-border-top-alizarin-after:after,
    .hui-border-top-clouds-after:after,
    .hui-border-top-concrete-after:after,
    .hui-border-top-orange-after:after,
    .hui-border-top-pumpkin-after:after,
    .hui-border-top-pomegranate-after:after,
    .hui-border-top-silver-after:after,
    .hui-border-top-asbestos-after:after,
    .hui-border-bottom-333-after:after,
    .hui-border-bottom-444-after:after,
    .hui-border-bottom-666-after:after,
    .hui-border-bottom-999-after:after,
    .hui-border-bottom-ccc-after:after,
    .hui-border-bottom-eee-after:after,
    .hui-border-bottom-f4f4f4-after:after,
    .hui-border-bottom-f5f5f5-after:after,
    .hui-border-bottom-dedede-after:after,
    .hui-border-bottom-e6e6e6-after:after,
    .hui-border-bottom-black-after:after,
    .hui-border-bottom-white-after:after,
    .hui-border-bottom-red-after:after,
    .hui-border-bottom-blue-after:after,
    .hui-border-bottom-pink-after:after,
    .hui-border-bottom-yellow-after:after,
    .hui-border-bottom-gray-after:after,
    .hui-border-bottom-turquoise-after:after,
    .hui-border-bottom-emerald-after:after,
    .hui-border-bottom-peterRiver-after:after,
    .hui-border-bottom-amethyst-after:after,
    .hui-border-bottom-wetAsphalt-after:after,
    .hui-border-bottom-greenSea-after:after,
    .hui-border-bottom-nephritis-after:after,
    .hui-border-bottom-belizeHole-after:after,
    .hui-border-bottom-wisteria-after:after,
    .hui-border-bottom-midnightBlue-after:after,
    .hui-border-bottom-sunFlower-after:after,
    .hui-border-bottom-carrot-after:after,
    .hui-border-bottom-alizarin-after:after,
    .hui-border-bottom-clouds-after:after,
    .hui-border-bottom-concrete-after:after,
    .hui-border-bottom-orange-after:after,
    .hui-border-bottom-pumpkin-after:after,
    .hui-border-bottom-pomegranate-after:after,
    .hui-border-bottom-silver-after:after,
    .hui-border-bottom-asbestos-after:after { right: -50%; bottom: -50%; -webkit-transform: scale(0.6666); }
}

@media (-webkit-device-pixel-ratio:3) {
    .hui-border-all-333-after:after,
    .hui-border-all-444-after:after,
    .hui-border-all-666-after:after,
    .hui-border-all-999-after:after,
    .hui-border-all-ccc-after:after,
    .hui-border-all-eee-after:after,
    .hui-border-all-f4f4f4-after:after,
    .hui-border-all-f5f5f5-after:after,
    .hui-border-all-dedede-after:after,
    .hui-border-all-e6e6e6-after:after,
    .hui-border-all-black-after:after,
    .hui-border-all-white-after:after,
    .hui-border-all-red-after:after,
    .hui-border-all-blue-after:after,
    .hui-border-all-pink-after:after,
    .hui-border-all-yellow-after:after,
    .hui-border-all-gray-after:after,
    .hui-border-all-turquoise-after:after,
    .hui-border-all-emerald-after:after,
    .hui-border-all-peterRiver-after:after,
    .hui-border-all-amethyst-after:after,
    .hui-border-all-wetAsphalt-after:after,
    .hui-border-all-greenSea-after:after,
    .hui-border-all-nephritis-after:after,
    .hui-border-all-belizeHole-after:after,
    .hui-border-all-wisteria-after:after,
    .hui-border-all-midnightBlue-after:after,
    .hui-border-all-sunFlower-after:after,
    .hui-border-all-carrot-after:after,
    .hui-border-all-alizarin-after:after,
    .hui-border-all-clouds-after:after,
    .hui-border-all-concrete-after:after,
    .hui-border-all-orange-after:after,
    .hui-border-all-pumpkin-after:after,
    .hui-border-all-pomegranate-after:after,
    .hui-border-all-silver-after:after,
    .hui-border-all-asbestos-after:after,
    .hui-border-col-333-after:after,
    .hui-border-col-444-after:after,
    .hui-border-col-666-after:after,
    .hui-border-col-999-after:after,
    .hui-border-col-ccc-after:after,
    .hui-border-col-eee-after:after,
    .hui-border-col-f4f4f4-after:after,
    .hui-border-col-f5f5f5-after:after,
    .hui-border-col-dedede-after:after,
    .hui-border-col-e6e6e6-after:after,
    .hui-border-col-black-after:after,
    .hui-border-col-white-after:after,
    .hui-border-col-red-after:after,
    .hui-border-col-blue-after:after,
    .hui-border-col-pink-after:after,
    .hui-border-col-yellow-after:after,
    .hui-border-col-gray-after:after,
    .hui-border-col-turquoise-after:after,
    .hui-border-col-emerald-after:after,
    .hui-border-col-peterRiver-after:after,
    .hui-border-col-amethyst-after:after,
    .hui-border-col-wetAsphalt-after:after,
    .hui-border-col-greenSea-after:after,
    .hui-border-col-nephritis-after:after,
    .hui-border-col-belizeHole-after:after,
    .hui-border-col-wisteria-after:after,
    .hui-border-col-midnightBlue-after:after,
    .hui-border-col-sunFlower-after:after,
    .hui-border-col-carrot-after:after,
    .hui-border-col-alizarin-after:after,
    .hui-border-col-clouds-after:after,
    .hui-border-col-concrete-after:after,
    .hui-border-col-orange-after:after,
    .hui-border-col-pumpkin-after:after,
    .hui-border-col-pomegranate-after:after,
    .hui-border-col-silver-after:after,
    .hui-border-col-asbestos-after:after,
    .hui-border-row-333-after:after,
    .hui-border-row-444-after:after,
    .hui-border-row-666-after:after,
    .hui-border-row-999-after:after,
    .hui-border-row-ccc-after:after,
    .hui-border-row-eee-after:after,
    .hui-border-row-f4f4f4-after:after,
    .hui-border-row-f5f5f5-after:after,
    .hui-border-row-dedede-after:after,
    .hui-border-row-e6e6e6-after:after,
    .hui-border-row-black-after:after,
    .hui-border-row-white-after:after,
    .hui-border-row-red-after:after,
    .hui-border-row-blue-after:after,
    .hui-border-row-pink-after:after,
    .hui-border-row-yellow-after:after,
    .hui-border-row-gray-after:after,
    .hui-border-row-turquoise-after:after,
    .hui-border-row-emerald-after:after,
    .hui-border-row-peterRiver-after:after,
    .hui-border-row-amethyst-after:after,
    .hui-border-row-wetAsphalt-after:after,
    .hui-border-row-greenSea-after:after,
    .hui-border-row-nephritis-after:after,
    .hui-border-row-belizeHole-after:after,
    .hui-border-row-wisteria-after:after,
    .hui-border-row-midnightBlue-after:after,
    .hui-border-row-sunFlower-after:after,
    .hui-border-row-carrot-after:after,
    .hui-border-row-alizarin-after:after,
    .hui-border-row-clouds-after:after,
    .hui-border-row-concrete-after:after,
    .hui-border-row-orange-after:after,
    .hui-border-row-pumpkin-after:after,
    .hui-border-row-pomegranate-after:after,
    .hui-border-row-silver-after:after,
    .hui-border-row-asbestos-after:after,
    .hui-border-left-333-after:after,
    .hui-border-left-444-after:after,
    .hui-border-left-666-after:after,
    .hui-border-left-999-after:after,
    .hui-border-left-ccc-after:after,
    .hui-border-left-eee-after:after,
    .hui-border-left-f4f4f4-after:after,
    .hui-border-left-f5f5f5-after:after,
    .hui-border-left-dedede-after:after,
    .hui-border-left-e6e6e6-after:after,
    .hui-border-left-black-after:after,
    .hui-border-left-white-after:after,
    .hui-border-left-red-after:after,
    .hui-border-left-blue-after:after,
    .hui-border-left-pink-after:after,
    .hui-border-left-yellow-after:after,
    .hui-border-left-gray-after:after,
    .hui-border-left-turquoise-after:after,
    .hui-border-left-emerald-after:after,
    .hui-border-left-peterRiver-after:after,
    .hui-border-left-amethyst-after:after,
    .hui-border-left-wetAsphalt-after:after,
    .hui-border-left-greenSea-after:after,
    .hui-border-left-nephritis-after:after,
    .hui-border-left-belizeHole-after:after,
    .hui-border-left-wisteria-after:after,
    .hui-border-left-midnightBlue-after:after,
    .hui-border-left-sunFlower-after:after,
    .hui-border-left-carrot-after:after,
    .hui-border-left-alizarin-after:after,
    .hui-border-left-clouds-after:after,
    .hui-border-left-concrete-after:after,
    .hui-border-left-orange-after:after,
    .hui-border-left-pumpkin-after:after,
    .hui-border-left-pomegranate-after:after,
    .hui-border-left-silver-after:after,
    .hui-border-left-asbestos-after:after,
    .hui-border-right-333-after:after,
    .hui-border-right-444-after:after,
    .hui-border-right-666-after:after,
    .hui-border-right-999-after:after,
    .hui-border-right-ccc-after:after,
    .hui-border-right-eee-after:after,
    .hui-border-right-f4f4f4-after:after,
    .hui-border-right-f5f5f5-after:after,
    .hui-border-right-dedede-after:after,
    .hui-border-right-e6e6e6-after:after,
    .hui-border-right-black-after:after,
    .hui-border-right-white-after:after,
    .hui-border-right-red-after:after,
    .hui-border-right-blue-after:after,
    .hui-border-right-pink-after:after,
    .hui-border-right-yellow-after:after,
    .hui-border-right-gray-after:after,
    .hui-border-right-turquoise-after:after,
    .hui-border-right-emerald-after:after,
    .hui-border-right-peterRiver-after:after,
    .hui-border-right-amethyst-after:after,
    .hui-border-right-wetAsphalt-after:after,
    .hui-border-right-greenSea-after:after,
    .hui-border-right-nephritis-after:after,
    .hui-border-right-belizeHole-after:after,
    .hui-border-right-wisteria-after:after,
    .hui-border-right-midnightBlue-after:after,
    .hui-border-right-sunFlower-after:after,
    .hui-border-right-carrot-after:after,
    .hui-border-right-alizarin-after:after,
    .hui-border-right-clouds-after:after,
    .hui-border-right-concrete-after:after,
    .hui-border-right-orange-after:after,
    .hui-border-right-pumpkin-after:after,
    .hui-border-right-pomegranate-after:after,
    .hui-border-right-silver-after:after,
    .hui-border-right-asbestos-after:after,
    .hui-border-top-333-after:after,
    .hui-border-top-444-after:after,
    .hui-border-top-666-after:after,
    .hui-border-top-999-after:after,
    .hui-border-top-ccc-after:after,
    .hui-border-top-eee-after:after,
    .hui-border-top-f4f4f4-after:after,
    .hui-border-top-f5f5f5-after:after,
    .hui-border-top-dedede-after:after,
    .hui-border-top-e6e6e6-after:after,
    .hui-border-top-black-after:after,
    .hui-border-top-white-after:after,
    .hui-border-top-red-after:after,
    .hui-border-top-blue-after:after,
    .hui-border-top-pink-after:after,
    .hui-border-top-yellow-after:after,
    .hui-border-top-gray-after:after,
    .hui-border-top-turquoise-after:after,
    .hui-border-top-emerald-after:after,
    .hui-border-top-peterRiver-after:after,
    .hui-border-top-amethyst-after:after,
    .hui-border-top-wetAsphalt-after:after,
    .hui-border-top-greenSea-after:after,
    .hui-border-top-nephritis-after:after,
    .hui-border-top-belizeHole-after:after,
    .hui-border-top-wisteria-after:after,
    .hui-border-top-midnightBlue-after:after,
    .hui-border-top-sunFlower-after:after,
    .hui-border-top-carrot-after:after,
    .hui-border-top-alizarin-after:after,
    .hui-border-top-clouds-after:after,
    .hui-border-top-concrete-after:after,
    .hui-border-top-orange-after:after,
    .hui-border-top-pumpkin-after:after,
    .hui-border-top-pomegranate-after:after,
    .hui-border-top-silver-after:after,
    .hui-border-top-asbestos-after:after,
    .hui-border-bottom-333-after:after,
    .hui-border-bottom-444-after:after,
    .hui-border-bottom-666-after:after,
    .hui-border-bottom-999-after:after,
    .hui-border-bottom-ccc-after:after,
    .hui-border-bottom-eee-after:after,
    .hui-border-bottom-f4f4f4-after:after,
    .hui-border-bottom-f5f5f5-after:after,
    .hui-border-bottom-dedede-after:after,
    .hui-border-bottom-e6e6e6-after:after,
    .hui-border-bottom-black-after:after,
    .hui-border-bottom-white-after:after,
    .hui-border-bottom-red-after:after,
    .hui-border-bottom-blue-after:after,
    .hui-border-bottom-pink-after:after,
    .hui-border-bottom-yellow-after:after,
    .hui-border-bottom-gray-after:after,
    .hui-border-bottom-turquoise-after:after,
    .hui-border-bottom-emerald-after:after,
    .hui-border-bottom-peterRiver-after:after,
    .hui-border-bottom-amethyst-after:after,
    .hui-border-bottom-wetAsphalt-after:after,
    .hui-border-bottom-greenSea-after:after,
    .hui-border-bottom-nephritis-after:after,
    .hui-border-bottom-belizeHole-after:after,
    .hui-border-bottom-wisteria-after:after,
    .hui-border-bottom-midnightBlue-after:after,
    .hui-border-bottom-sunFlower-after:after,
    .hui-border-bottom-carrot-after:after,
    .hui-border-bottom-alizarin-after:after,
    .hui-border-bottom-clouds-after:after,
    .hui-border-bottom-concrete-after:after,
    .hui-border-bottom-orange-after:after,
    .hui-border-bottom-pumpkin-after:after,
    .hui-border-bottom-pomegranate-after:after,
    .hui-border-bottom-silver-after:after,
    .hui-border-bottom-asbestos-after:after { right: -200%; bottom: -200%; -webkit-transform: scale(0.3333); }
}

/*边线宽度*/
.hui-border-width-0, .hui-border-width-0-after:after { border-width: 0; }
.hui-border-width-1, .hui-border-width-1-after:after { border-width: 1px; }
.hui-border-width-2, .hui-border-width-2-after:after { border-width: 2px; }
.hui-border-width-3, .hui-border-width-3-after:after { border-width: 3px; }
.hui-border-width-4, .hui-border-width-4-after:after { border-width: 4px; }
.hui-border-width-5, .hui-border-width-5-after:after { border-width: 5px; }
.hui-border-width-6, .hui-border-width-6-after:after { border-width: 6px; }
.hui-border-width-7, .hui-border-width-7-after:after { border-width: 7px; }
.hui-border-width-8, .hui-border-width-8-after:after { border-width: 8px; }
.hui-border-width-9, .hui-border-width-9-after:after { border-width: 9px; }
.hui-border-width-10, .hui-border-width-10:after { border-width: 10px; }
.hui-border-width-11, .hui-border-width-11:after { border-width: 11px; }
.hui-border-width-12, .hui-border-width-12:after { border-width: 12px; }
.hui-border-width-13, .hui-border-width-13:after { border-width: 13px; }
.hui-border-width-14, .hui-border-width-14:after { border-width: 14px; }
.hui-border-width-15, .hui-border-width-15:after { border-width: 15px; }

/*设置图片填充方式*/
.hui-img-fill { object-fit: fill; }
.hui-img-contain { object-fit: contain; }
.hui-img-cover { object-fit: cover; }
.hui-img-none { object-fit: none; }
.hui-img-scale-down { object-fit: scale-down; }

/*内置基础组件*/
.hui-grid-col-1:nth-child(1),
.hui-grid-col-1:nth-child(1):after,
.hui-grid-col-2:nth-child(2n),
.hui-grid-col-2:nth-child(2n):after,
.hui-grid-col-3:nth-child(3n),
.hui-grid-col-3:nth-child(3n):after,
.hui-grid-col-4:nth-child(4n),
.hui-grid-col-4:nth-child(4n):after,
.hui-grid-col-5:nth-child(5n),
.hui-grid-col-5:nth-child(5n):after,
.hui-grid-col-6:nth-child(6n),
.hui-grid-col-6:nth-child(6n):after,
.hui-picturelist-col-1:nth-child(1),
.hui-picturelist-col-1:nth-child(1):after,
.hui-picturelist-col-2:nth-child(2n),
.hui-picturelist-col-2:nth-child(2n):after,
.hui-picturelist-col-3:nth-child(3n),
.hui-picturelist-col-3:nth-child(3n):after,
.hui-picturelist-col-4:nth-child(4n),
.hui-picturelist-col-4:nth-child(4n):after,
.hui-picturelist-col-5:nth-child(5n),
.hui-picturelist-col-5:nth-child(5n):after,
.hui-picturelist-col-6:nth-child(6n),
.hui-picturelist-col-6:nth-child(6n):after { border-right: none; }
.hui-picturelist-col-1:nth-child(1),
.hui-picturelist-col-1:nth-child(1):after,
.hui-picturelist-col-2:nth-child(2n),
.hui-picturelist-col-2:nth-child(2n):after,
.hui-picturelist-col-3:nth-child(3n),
.hui-picturelist-col-3:nth-child(3n):after,
.hui-picturelist-col-4:nth-child(4n),
.hui-picturelist-col-4:nth-child(4n):after,
.hui-picturelist-col-5:nth-child(5n),
.hui-picturelist-col-5:nth-child(5n):after,
.hui-picturelist-col-6:nth-child(6n),
.hui-picturelist-col-6:nth-child(6n):after { padding-right: 0 !important; }

/*设置动画时间*/
.hui-animation-duration-1 { -webkit-animation-duration: 1s !important; animation-duration: 1s !important; }
.hui-animation-duration-2 { -webkit-animation-duration: 2s !important; animation-duration: 2s !important; }
.hui-animation-duration-3 { -webkit-animation-duration: 3s !important; animation-duration: 3s !important; }
.hui-animation-duration-4 { -webkit-animation-duration: 4s !important; animation-duration: 4s !important; }
.hui-animation-duration-5 { -webkit-animation-duration: 5s !important; animation-duration: 5s !important; }

/*个别组件特殊样式*/
.hui-body, .hui-frame-container { position: absolute; top: 0; left: 0; right: 0; bottom: 0; overflow-x: hidden; overflow-y: auto; color: var(--color-accent); pointer-events: none; visibility: hidden; opacity: 0; -webkit-transform: translateY(20px); -webkit-transition: visibility 0s .12s linear, opacity .12s ease-in, -webkit-transform .12s ease-in; }
.hui-body.hui-body-show, .hui-frame-container.hui-frame-container-show { pointer-events: auto; visibility: visible; opacity: 1; -webkit-transform: translateY(0); -webkit-transition: visibility 0s 0s linear, opacity .36s ease-out, -webkit-transform .36s ease-out; }
/*底部*/
.hui-footer-half-circle { left: 50%; margin-left: -25px; top: -10px; border-radius: 25px 25px 0 0; border-bottom: 0; }
/*切换开关*/
.hui-switch { cursor: pointer; width: 46px; height: 26px; box-shadow: #dfdfdf 0 0 0 0 inset; border-radius: 13px; background-clip: content-box; -webkit-appearance: none; -webkit-user-select: none; -webkit-transition: border cubic-bezier(0, 0, 0, 1) 0.2s, box-shadow cubic-bezier(0, 0, 0, 1) 0.2s; }
.hui-switch:before { width: 24px; height: 24px; position: absolute; top: 0; left: 0; border-radius: 13px; background-color: #fff; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.4); content: ''; -webkit-transition: left 0.2s; text-transform: uppercase; }
.hui-switch:checked { -webkit-transition: border ease 0.2s, box-shadow ease 0.2s, background-color ease 0.6s; }
.hui-switch:checked:before { left: 20px; -webkit-transition: left 0.2s; }
.hui-switch[disabled], .hui-switch[disabled]:before { background-color: #dedede !important; }
/*复选框*/
.hui-checkbox, .hui-radio { cursor: pointer; width: 22px; height: 22px; text-align: center; line-height: 22px; box-shadow: #dfdfdf 0 0 0 0 inset; background-clip: content-box; -webkit-appearance: none; -webkit-user-select: none; -webkit-transition: border cubic-bezier(0, 0, 0, 1) 0.2s, box-shadow cubic-bezier(0, 0, 0, 1) 0.2s; overflow: hidden; position: relative; }
.hui-checkbox:checked, .hui-radio:checked { -webkit-transition: border ease 0.2s, box-shadow ease 0.2s, background-color ease 0.6s; }
.hui-checkbox:checked:before, .hui-radio:checked:before { content: '\2713'; display: block; width: 22px; height: 22px; text-align: center; line-height: 22px; }
.hui-checkbox[disabled], .hui-checkbox[disabled]:before, .hui-radio[disabled], .hui-radio[disabled]:before { background-color: #dedede !important; box-shadow: none !important; }
/*区域滑块*/
.hui-range { cursor: pointer; -webkit-touch-callout: none; height: 4px; margin: 12px 0; background-color: #e6e6e6; -webkit-appearance: none !important; }
.hui-range::-webkit-slider-thumb { width: 25px; height: 25px; border-radius: 50%; border-color: #1abc9c; background-color: #1abc9c; -webkit-appearance: none !important; }
.hui-range.hui-range-square { height: 10px; margin: 3px 0; }
.hui-range.hui-range-square::-webkit-slider-thumb { width: 32px; height: 16px; border-radius: 3px; }
/*单色*/
.hui-switch.hui-font-color-black:checked,
.hui-checkbox.hui-font-color-black:checked,
.hui-radio.hui-font-color-black:checked,
.hui-range.hui-font-color-black::-webkit-slider-thumb { border-color: black; }
.hui-switch.hui-font-color-red:checked,
.hui-checkbox.hui-font-color-red:checked,
.hui-radio.hui-font-color-red:checked,
.hui-range.hui-font-color-red::-webkit-slider-thumb { border-color: red; }
.hui-switch.hui-font-color-blue:checked,
.hui-checkbox.hui-font-color-blue:checked,
.hui-radio.hui-font-color-blue:checked,
.hui-range.hui-font-color-blue::-webkit-slider-thumb { border-color: blue; }
.hui-switch.hui-font-color-pink:checked,
.hui-checkbox.hui-font-color-pink:checked,
.hui-radio.hui-font-color-pink:checked,
.hui-range.hui-font-color-pink::-webkit-slider-thumb { border-color: pink; }
.hui-switch.hui-font-color-yellow:checked,
.hui-checkbox.hui-font-color-yellow:checked,
.hui-radio.hui-font-color-yellow:checked,
.hui-range.hui-font-color-yellow::-webkit-slider-thumb { border-color: yellow; }
.hui-switch.hui-font-color-gray:checked,
.hui-checkbox.hui-font-color-gray:checked,
.hui-radio.hui-font-color-gray:checked,
.hui-range.hui-font-color-gray::-webkit-slider-thumb { border-color: gray; }
/*扁平化颜色*/
.hui-switch.hui-font-color-turquoise:checked,
.hui-checkbox.hui-font-color-turquoise:checked,
.hui-radio.hui-font-color-turquoise:checked,
.hui-range.hui-font-color-turquoise::-webkit-slider-thumb { border-color: #1abc9c; }
.hui-switch.hui-font-color-emerald:checked,
.hui-checkbox.hui-font-color-emerald:checked,
.hui-radio.hui-font-color-emerald:checked,
.hui-range.hui-font-color-emerald::-webkit-slider-thumb { border-color: #2ecc71; }
.hui-switch.hui-font-color-peterRiver:checked,
.hui-checkbox.hui-font-color-peterRiver:checked,
.hui-radio.hui-font-color-peterRiver:checked,
.hui-range.hui-font-color-peterRiver::-webkit-slider-thumb { border-color: #3498db; }
.hui-switch.hui-font-color-amethyst:checked,
.hui-checkbox.hui-font-color-amethyst:checked,
.hui-radio.hui-font-color-amethyst:checked,
.hui-range.hui-font-color-amethyst::-webkit-slider-thumb { border-color: #9b59b6; }
.hui-switch.hui-font-color-wetAsphalt:checked,
.hui-checkbox.hui-font-color-wetAsphalt:checked,
.hui-radio.hui-font-color-wetAsphalt:checked,
.hui-range.hui-font-color-wetAsphalt::-webkit-slider-thumb { border-color: #34495e; }
.hui-switch.hui-font-color-greenSea:checked,
.hui-checkbox.hui-font-color-greenSea:checked,
.hui-radio.hui-font-color-greenSea:checked,
.hui-range.hui-font-color-greenSea::-webkit-slider-thumb { border-color: #16a085; }
.hui-switch.hui-font-color-nephritis:checked,
.hui-checkbox.hui-font-color-nephritis:checked,
.hui-radio.hui-font-color-nephritis:checked,
.hui-range.hui-font-color-nephritis::-webkit-slider-thumb { border-color: #27ae60; }
.hui-switch.hui-font-color-belizeHole:checked,
.hui-checkbox.hui-font-color-belizeHole:checked,
.hui-radio.hui-font-color-belizeHole:checked,
.hui-range.hui-font-color-belizeHole::-webkit-slider-thumb { border-color: #2980b9; }
.hui-switch.hui-font-color-wisteria:checked,
.hui-checkbox.hui-font-color-wisteria:checked,
.hui-radio.hui-font-color-wisteria:checked,
.hui-range.hui-font-color-wisteria::-webkit-slider-thumb { border-color: #8e44ad; }
.hui-switch.hui-font-color-midnightBlue:checked,
.hui-checkbox.hui-font-color-midnightBlue:checked,
.hui-radio.hui-font-color-midnightBlue:checked,
.hui-range.hui-font-color-midnightBlue::-webkit-slider-thumb { border-color: #2c3e50; }
.hui-switch.hui-font-color-sunFlower:checked,
.hui-checkbox.hui-font-color-sunFlower:checked,
.hui-radio.hui-font-color-sunFlower:checked,
.hui-range.hui-font-color-sunFlower::-webkit-slider-thumb { border-color: #f1c40f; }
.hui-switch.hui-font-color-carrot:checked,
.hui-checkbox.hui-font-color-carrot:checked,
.hui-radio.hui-font-color-carrot:checked,
.hui-range.hui-font-color-carrot::-webkit-slider-thumb { border-color: #e67e22; }
.hui-switch.hui-font-color-alizarin:checked,
.hui-checkbox.hui-font-color-alizarin:checked,
.hui-radio.hui-font-color-alizarin:checked,
.hui-range.hui-font-color-alizarin::-webkit-slider-thumb { border-color: #e74c3c; }
.hui-switch.hui-font-color-clouds:checked,
.hui-checkbox.hui-font-color-clouds:checked,
.hui-radio.hui-font-color-clouds:checked,
.hui-range.hui-font-color-clouds::-webkit-slider-thumb { border-color: #ecf0f1; }
.hui-switch.hui-font-color-concrete:checked,
.hui-checkbox.hui-font-color-concrete:checked,
.hui-radio.hui-font-color-concrete:checked,
.hui-range.hui-font-color-concrete::-webkit-slider-thumb { border-color: #95a5a6; }
.hui-switch.hui-font-color-orange:checked,
.hui-checkbox.hui-font-color-orange:checked,
.hui-radio.hui-font-color-orange:checked,
.hui-range.hui-font-color-orange::-webkit-slider-thumb { border-color: #f39c12; }
.hui-switch.hui-font-color-pumpkin:checked,
.hui-checkbox.hui-font-color-pumpkin:checked,
.hui-radio.hui-font-color-pumpkin:checked,
.hui-range.hui-font-color-pumpkin::-webkit-slider-thumb { border-color: #d35400; }
.hui-switch.hui-font-color-pomegranate:checked,
.hui-checkbox.hui-font-color-pomegranate:checked,
.hui-radio.hui-font-color-pomegranate:checked,
.hui-range.hui-font-color-pomegranate::-webkit-slider-thumb { border-color: #c0392b; }
.hui-switch.hui-font-color-silver:checked,
.hui-checkbox.hui-font-color-silver:checked,
.hui-radio.hui-font-color-silver:checked,
.hui-range.hui-font-color-silver::-webkit-slider-thumb { border-color: #bdc3c7; }
.hui-switch.hui-font-color-asbestos:checked,
.hui-checkbox.hui-font-color-asbestos:checked,
.hui-radio.hui-font-color-asbestos:checked,
.hui-range.hui-font-color-asbestos::-webkit-slider-thumb { border-color: #7f8c8d; }
.hui-switch.hui-font-color-turquoise-high:checked,
.hui-checkbox.hui-font-color-turquoise-high:checked,
.hui-radio.hui-font-color-turquoise-high:checked,
.hui-range.hui-font-color-turquoise-high::-webkit-slider-thumb { border-color: #1dd2af; }
.hui-switch.hui-font-color-emerald-high:checked,
.hui-checkbox.hui-font-color-emerald-high:checked,
.hui-radio.hui-font-color-emerald-high:checked,
.hui-range.hui-font-color-emerald-high::-webkit-slider-thumb { border-color: #40d47e; }
.hui-switch.hui-font-color-peterRiver-high:checked,
.hui-checkbox.hui-font-color-peterRiver-high:checked,
.hui-radio.hui-font-color-peterRiver-high:checked,
.hui-range.hui-font-color-peterRiver-high::-webkit-slider-thumb { border-color: #4aa3df; }
.hui-switch.hui-font-color-amethyst-high:checked,
.hui-checkbox.hui-font-color-amethyst-high:checked,
.hui-radio.hui-font-color-amethyst-high:checked,
.hui-range.hui-font-color-amethyst-high::-webkit-slider-thumb { border-color: #a66bbe; }
.hui-switch.hui-font-color-wetAsphalt-high:checked,
.hui-checkbox.hui-font-color-wetAsphalt-high:checked,
.hui-radio.hui-font-color-wetAsphalt-high:checked,
.hui-range.hui-font-color-wetAsphalt-high::-webkit-slider-thumb { border-color: #3d566e; }
.hui-switch.hui-font-color-greenSea-high:checked,
.hui-checkbox.hui-font-color-greenSea-high:checked,
.hui-radio.hui-font-color-greenSea-high:checked,
.hui-range.hui-font-color-greenSea-high::-webkit-slider-thumb { border-color: #19b698; }
.hui-switch.hui-font-color-nephritis-high:checked,
.hui-checkbox.hui-font-color-nephritis-high:checked,
.hui-radio.hui-font-color-nephritis-high:checked,
.hui-range.hui-font-color-nephritis-high::-webkit-slider-thumb { border-color: #2cc36b; }
.hui-switch.hui-font-color-belizeHole-high:checked,
.hui-checkbox.hui-font-color-belizeHole-high:checked,
.hui-radio.hui-font-color-belizeHole-high:checked,
.hui-range.hui-font-color-belizeHole-high::-webkit-slider-thumb { border-color: #2e8ece; }
.hui-switch.hui-font-color-wisteria-high:checked,
.hui-checkbox.hui-font-color-wisteria-high:checked,
.hui-radio.hui-font-color-wisteria-high:checked,
.hui-range.hui-font-color-wisteria-high::-webkit-slider-thumb { border-color: #9b50ba; }
.hui-switch.hui-font-color-midnightBlue-high:checked,
.hui-checkbox.hui-font-color-midnightBlue-high:checked,
.hui-radio.hui-font-color-midnightBlue-high:checked,
.hui-range.hui-font-color-midnightBlue-high::-webkit-slider-thumb { border-color: #354b60; }
.hui-switch.hui-font-color-sunFlower-high:checked,
.hui-checkbox.hui-font-color-sunFlower-high:checked,
.hui-radio.hui-font-color-sunFlower-high:checked,
.hui-range.hui-font-color-sunFlower-high::-webkit-slider-thumb { border-color: #f2ca27; }
.hui-switch.hui-font-color-carrot-high:checked,
.hui-checkbox.hui-font-color-carrot-high:checked,
.hui-radio.hui-font-color-carrot-high:checked,
.hui-range.hui-font-color-carrot-high::-webkit-slider-thumb { border-color: #e98b39; }
.hui-switch.hui-font-color-alizarin-high:checked,
.hui-checkbox.hui-font-color-alizarin-high:checked,
.hui-radio.hui-font-color-alizarin-high:checked,
.hui-range.hui-font-color-alizarin-high::-webkit-slider-thumb { border-color: #ea6153; }
.hui-switch.hui-font-color-clouds-high:checked,
.hui-checkbox.hui-font-color-clouds-high:checked,
.hui-radio.hui-font-color-clouds-high:checked,
.hui-range.hui-font-color-clouds-high::-webkit-slider-thumb { border-color: #fbfcfc; }
.hui-switch.hui-font-color-concrete-high:checked,
.hui-checkbox.hui-font-color-concrete-high:checked,
.hui-radio.hui-font-color-concrete-high:checked,
.hui-range.hui-font-color-concrete-high::-webkit-slider-thumb { border-color: #a3b1b2; }
.hui-switch.hui-font-color-orange-high:checked,
.hui-checkbox.hui-font-color-orange-high:checked,
.hui-radio.hui-font-color-orange-high:checked,
.hui-range.hui-font-color-orange-high::-webkit-slider-thumb { border-color: #f4a62a; }
.hui-switch.hui-font-color-pumpkin-high:checked,
.hui-checkbox.hui-font-color-pumpkin-high:checked,
.hui-radio.hui-font-color-pumpkin-high:checked,
.hui-range.hui-font-color-pumpkin-high::-webkit-slider-thumb { border-color: #ec5e00; }
.hui-switch.hui-font-color-pomegranate-high:checked,
.hui-checkbox.hui-font-color-pomegranate-high:checked,
.hui-radio.hui-font-color-pomegranate-high:checked,
.hui-range.hui-font-color-pomegranate-high::-webkit-slider-thumb { border-color: #d14233; }
.hui-switch.hui-font-color-silver-high:checked,
.hui-checkbox.hui-font-color-silver-high:checked,
.hui-radio.hui-font-color-silver-high:checked,
.hui-range.hui-font-color-silver-high::-webkit-slider-thumb { border-color: #cbd0d3; }
.hui-switch.hui-font-color-asbestos-high:checked,
.hui-checkbox.hui-font-color-asbestos-high:checked,
.hui-radio.hui-font-color-asbestos-high:checked,
.hui-range.hui-font-color-asbestos-high::-webkit-slider-thumb { border-color: #8c9899; }
/*单色*/
.hui-switch.hui-font-color-black:checked,
.hui-checkbox-fill.hui-font-color-black:checked,
.hui-radio-fill.hui-font-color-black:checked,
.hui-range.hui-font-color-black::-webkit-slider-thumb { box-shadow: black 0 0 0 26px inset; background-color: black; color: #fff; }
.hui-switch.hui-font-color-red:checked,
.hui-checkbox-fill.hui-font-color-red:checked,
.hui-radio-fill.hui-font-color-red:checked,
.hui-range.hui-font-color-red::-webkit-slider-thumb { box-shadow: red 0 0 0 26px inset; background-color: red; color: #fff; }
.hui-switch.hui-font-color-blue:checked,
.hui-checkbox-fill.hui-font-color-blue:checked,
.hui-radio-fill.hui-font-color-blue:checked,
.hui-range.hui-font-color-blue::-webkit-slider-thumb { box-shadow: blue 0 0 0 26px inset; background-color: blue; color: #fff; }
.hui-switch.hui-font-color-pink:checked,
.hui-checkbox-fill.hui-font-color-pink:checked,
.hui-radio-fill.hui-font-color-pink:checked,
.hui-range.hui-font-color-pink::-webkit-slider-thumb { box-shadow: pink 0 0 0 26px inset; background-color: pink; color: #fff; }
.hui-switch.hui-font-color-yellow:checked,
.hui-checkbox-fill.hui-font-color-yellow:checked,
.hui-radio-fill.hui-font-color-yellow:checked,
.hui-range.hui-font-color-yellow::-webkit-slider-thumb { box-shadow: yellow 0 0 0 26px inset; background-color: yellow; color: #fff; }
.hui-switch.hui-font-color-gray:checked,
.hui-checkbox-fill.hui-font-color-gray:checked,
.hui-radio-fill.hui-font-color-gray:checked,
.hui-range.hui-font-color-gray::-webkit-slider-thumb { box-shadow: gray 0 0 0 26px inset; background-color: gray; color: #fff; }
/*扁平化颜色*/
.hui-switch.hui-font-color-turquoise:checked,
.hui-checkbox-fill.hui-font-color-turquoise:checked,
.hui-radio-fill.hui-font-color-turquoise:checked,
.hui-range.hui-font-color-turquoise::-webkit-slider-thumb { box-shadow: #1abc9c 0 0 0 26px inset; background-color: #1abc9c; color: #fff; }
.hui-switch.hui-font-color-emerald:checked,
.hui-checkbox-fill.hui-font-color-emerald:checked,
.hui-radio-fill.hui-font-color-emerald:checked,
.hui-range.hui-font-color-emerald::-webkit-slider-thumb { box-shadow: #2ecc71 0 0 0 26px inset; background-color: #2ecc71; color: #fff; }
.hui-switch.hui-font-color-peterRiver:checked,
.hui-checkbox-fill.hui-font-color-peterRiver:checked,
.hui-radio-fill.hui-font-color-peterRiver:checked,
.hui-range.hui-font-color-peterRiver::-webkit-slider-thumb { box-shadow: #3498db 0 0 0 26px inset; background-color: #3498db; color: #fff; }
.hui-switch.hui-font-color-amethyst:checked,
.hui-checkbox-fill.hui-font-color-amethyst:checked,
.hui-radio-fill.hui-font-color-amethyst:checked,
.hui-range.hui-font-color-amethyst::-webkit-slider-thumb { box-shadow: #9b59b6 0 0 0 26px inset; background-color: #9b59b6; color: #fff; }
.hui-switch.hui-font-color-wetAsphalt:checked,
.hui-checkbox-fill.hui-font-color-wetAsphalt:checked,
.hui-radio-fill.hui-font-color-wetAsphalt:checked,
.hui-range.hui-font-color-wetAsphalt::-webkit-slider-thumb { box-shadow: #34495e 0 0 0 26px inset; background-color: #34495e; color: #fff; }
.hui-switch.hui-font-color-greenSea:checked,
.hui-checkbox-fill.hui-font-color-greenSea:checked,
.hui-radio-fill.hui-font-color-greenSea:checked,
.hui-range.hui-font-color-greenSea::-webkit-slider-thumb { box-shadow: #16a085 0 0 0 26px inset; background-color: #16a085; color: #fff; }
.hui-switch.hui-font-color-nephritis:checked,
.hui-checkbox-fill.hui-font-color-nephritis:checked,
.hui-radio-fill.hui-font-color-nephritis:checked,
.hui-range.hui-font-color-nephritis::-webkit-slider-thumb { box-shadow: #27ae60 0 0 0 26px inset; background-color: #27ae60; color: #fff; }
.hui-switch.hui-font-color-belizeHole:checked,
.hui-checkbox-fill.hui-font-color-belizeHole:checked,
.hui-radio-fill.hui-font-color-belizeHole:checked,
.hui-range.hui-font-color-belizeHole::-webkit-slider-thumb { box-shadow: #2980b9 0 0 0 26px inset; background-color: #2980b9; color: #fff; }
.hui-switch.hui-font-color-wisteria:checked,
.hui-checkbox-fill.hui-font-color-wisteria:checked,
.hui-radio-fill.hui-font-color-wisteria:checked,
.hui-range.hui-font-color-wisteria::-webkit-slider-thumb { box-shadow: #8e44ad 0 0 0 26px inset; background-color: #8e44ad; color: #fff; }
.hui-switch.hui-font-color-midnightBlue:checked,
.hui-checkbox-fill.hui-font-color-midnightBlue:checked,
.hui-radio-fill.hui-font-color-midnightBlue:checked,
.hui-range.hui-font-color-midnightBlue::-webkit-slider-thumb { box-shadow: #2c3e50 0 0 0 26px inset; background-color: #2c3e50; color: #fff; }
.hui-switch.hui-font-color-sunFlower:checked,
.hui-checkbox-fill.hui-font-color-sunFlower:checked,
.hui-radio-fill.hui-font-color-sunFlower:checked,
.hui-range.hui-font-color-sunFlower::-webkit-slider-thumb { box-shadow: #f1c40f 0 0 0 26px inset; background-color: #f1c40f; color: #fff; }
.hui-switch.hui-font-color-carrot:checked,
.hui-checkbox-fill.hui-font-color-carrot:checked,
.hui-radio-fill.hui-font-color-carrot:checked,
.hui-range.hui-font-color-carrot::-webkit-slider-thumb { box-shadow: #e67e22 0 0 0 26px inset; background-color: #e67e22; color: #fff; }
.hui-switch.hui-font-color-alizarin:checked,
.hui-checkbox-fill.hui-font-color-alizarin:checked,
.hui-radio-fill.hui-font-color-alizarin:checked,
.hui-range.hui-font-color-alizarin::-webkit-slider-thumb { box-shadow: #e74c3c 0 0 0 26px inset; background-color: #e74c3c; color: #fff; }
.hui-switch.hui-font-color-clouds:checked,
.hui-checkbox-fill.hui-font-color-clouds:checked,
.hui-radio-fill.hui-font-color-clouds:checked,
.hui-range.hui-font-color-clouds::-webkit-slider-thumb { box-shadow: #ecf0f1 0 0 0 26px inset; background-color: #ecf0f1; color: #fff; }
.hui-switch.hui-font-color-concrete:checked,
.hui-checkbox-fill.hui-font-color-concrete:checked,
.hui-radio-fill.hui-font-color-concrete:checked,
.hui-range.hui-font-color-concrete::-webkit-slider-thumb { box-shadow: #95a5a6 0 0 0 26px inset; background-color: #95a5a6; color: #fff; }
.hui-switch.hui-font-color-orange:checked,
.hui-checkbox-fill.hui-font-color-orange:checked,
.hui-radio-fill.hui-font-color-orange:checked,
.hui-range.hui-font-color-orange::-webkit-slider-thumb { box-shadow: #f39c12 0 0 0 26px inset; background-color: #f39c12; color: #fff; }
.hui-switch.hui-font-color-pumpkin:checked,
.hui-checkbox-fill.hui-font-color-pumpkin:checked,
.hui-radio-fill.hui-font-color-pumpkin:checked,
.hui-range.hui-font-color-pumpkin::-webkit-slider-thumb { box-shadow: #d35400 0 0 0 26px inset; background-color: #d35400; color: #fff; }
.hui-switch.hui-font-color-pomegranate:checked,
.hui-checkbox-fill.hui-font-color-pomegranate:checked,
.hui-radio-fill.hui-font-color-pomegranate:checked,
.hui-range.hui-font-color-pomegranate::-webkit-slider-thumb { box-shadow: #c0392b 0 0 0 26px inset; background-color: #c0392b; color: #fff; }
.hui-switch.hui-font-color-silver:checked,
.hui-checkbox-fill.hui-font-color-silver:checked,
.hui-radio-fill.hui-font-color-silver:checked,
.hui-range.hui-font-color-silver::-webkit-slider-thumb { box-shadow: #bdc3c7 0 0 0 26px inset; background-color: #bdc3c7; color: #fff; }
.hui-switch.hui-font-color-asbestos:checked,
.hui-checkbox-fill.hui-font-color-asbestos:checked,
.hui-radio-fill.hui-font-color-asbestos:checked,
.hui-range.hui-font-color-asbestos::-webkit-slider-thumb { box-shadow: #7f8c8d 0 0 0 26px inset; background-color: #7f8c8d; color: #fff; }

.hui-switch.hui-font-color-turquoise-high:checked,
.hui-checkbox-fill.hui-font-color-turquoise-high:checked,
.hui-radio-fill.hui-font-color-turquoise-high:checked,
.hui-range.hui-font-color-turquoise-high::-webkit-slider-thumb { box-shadow: #1dd2af 0 0 0 26px inset; background-color: #1dd2af; color: #fff; }
.hui-switch.hui-font-color-emerald-high:checked,
.hui-checkbox-fill.hui-font-color-emerald-high:checked,
.hui-radio-fill.hui-font-color-emerald-high:checked,
.hui-range.hui-font-color-emerald-high::-webkit-slider-thumb { box-shadow: #40d47e 0 0 0 26px inset; background-color: #40d47e; color: #fff; }
.hui-switch.hui-font-color-peterRiver-high:checked,
.hui-checkbox-fill.hui-font-color-peterRiver-high:checked,
.hui-radio-fill.hui-font-color-peterRiver-high:checked,
.hui-range.hui-font-color-peterRiver-high::-webkit-slider-thumb { box-shadow: #4aa3df 0 0 0 26px inset; background-color: #4aa3df; color: #fff; }
.hui-switch.hui-font-color-amethyst-high:checked,
.hui-checkbox-fill.hui-font-color-amethyst-high:checked,
.hui-radio-fill.hui-font-color-amethyst-high:checked,
.hui-range.hui-font-color-amethyst-high::-webkit-slider-thumb { box-shadow: #a66bbe 0 0 0 26px inset; background-color: #a66bbe; color: #fff; }
.hui-switch.hui-font-color-wetAsphalt-high:checked,
.hui-checkbox-fill.hui-font-color-wetAsphalt-high:checked,
.hui-radio-fill.hui-font-color-wetAsphalt-high:checked,
.hui-range.hui-font-color-wetAsphalt-high::-webkit-slider-thumb { box-shadow: #3d566e 0 0 0 26px inset; background-color: #3d566e; color: #fff; }
.hui-switch.hui-font-color-greenSea-high:checked,
.hui-checkbox-fill.hui-font-color-greenSea-high:checked,
.hui-radio-fill.hui-font-color-greenSea-high:checked,
.hui-range.hui-font-color-greenSea-high::-webkit-slider-thumb { box-shadow: #19b698 0 0 0 26px inset; background-color: #19b698; color: #fff; }
.hui-switch.hui-font-color-nephritis-high:checked,
.hui-checkbox-fill.hui-font-color-nephritis-high:checked,
.hui-radio-fill.hui-font-color-nephritis-high:checked,
.hui-range.hui-font-color-nephritis-high::-webkit-slider-thumb { box-shadow: #2cc36b 0 0 0 26px inset; background-color: #2cc36b; color: #fff; }
.hui-switch.hui-font-color-belizeHole-high:checked,
.hui-checkbox-fill.hui-font-color-belizeHole-high:checked,
.hui-radio-fill.hui-font-color-belizeHole-high:checked,
.hui-range.hui-font-color-belizeHole-high::-webkit-slider-thumb { box-shadow: #2e8ece 0 0 0 26px inset; background-color: #2e8ece; color: #fff; }
.hui-switch.hui-font-color-wisteria-high:checked,
.hui-checkbox-fill.hui-font-color-wisteria-high:checked,
.hui-radio-fill.hui-font-color-wisteria-high:checked,
.hui-range.hui-font-color-wisteria-high::-webkit-slider-thumb { box-shadow: #9b50ba 0 0 0 26px inset; background-color: #9b50ba; color: #fff; }
.hui-switch.hui-font-color-midnightBlue-high:checked,
.hui-checkbox-fill.hui-font-color-midnightBlue-high:checked,
.hui-radio-fill.hui-font-color-midnightBlue-high:checked,
.hui-range.hui-font-color-midnightBlue-high::-webkit-slider-thumb { box-shadow: #354b60 0 0 0 26px inset; background-color: #354b60; color: #fff; }
.hui-switch.hui-font-color-sunFlower-high:checked,
.hui-checkbox-fill.hui-font-color-sunFlower-high:checked,
.hui-radio-fill.hui-font-color-sunFlower-high:checked,
.hui-range.hui-font-color-sunFlower-high::-webkit-slider-thumb { box-shadow: #f2ca27 0 0 0 26px inset; background-color: #f2ca27; color: #fff; }
.hui-switch.hui-font-color-carrot-high:checked,
.hui-checkbox-fill.hui-font-color-carrot-high:checked,
.hui-radio-fill.hui-font-color-carrot-high:checked,
.hui-range.hui-font-color-carrot-high::-webkit-slider-thumb { box-shadow: #e98b39 0 0 0 26px inset; background-color: #e98b39; color: #fff; }
.hui-switch.hui-font-color-alizarin-high:checked,
.hui-checkbox-fill.hui-font-color-alizarin-high:checked,
.hui-radio-fill.hui-font-color-alizarin-high:checked,
.hui-range.hui-font-color-alizarin-high::-webkit-slider-thumb { box-shadow: #ea6153 0 0 0 26px inset; background-color: #ea6153; color: #fff; }
.hui-switch.hui-font-color-clouds-high:checked,
.hui-checkbox-fill.hui-font-color-clouds-high:checked,
.hui-radio-fill.hui-font-color-clouds-high:checked,
.hui-range.hui-font-color-clouds-high::-webkit-slider-thumb { box-shadow: #fbfcfc 0 0 0 26px inset; background-color: #fbfcfc; color: #fff; }
.hui-switch.hui-font-color-concrete-high:checked,
.hui-checkbox-fill.hui-font-color-concrete-high:checked,
.hui-radio-fill.hui-font-color-concrete-high:checked,
.hui-range.hui-font-color-concrete-high::-webkit-slider-thumb { box-shadow: #a3b1b2 0 0 0 26px inset; background-color: #a3b1b2; color: #fff; }
.hui-switch.hui-font-color-orange-high:checked,
.hui-checkbox-fill.hui-font-color-orange-high:checked,
.hui-radio-fill.hui-font-color-orange-high:checked,
.hui-range.hui-font-color-orange-high::-webkit-slider-thumb { box-shadow: #f4a62a 0 0 0 26px inset; background-color: #f4a62a; color: #fff; }
.hui-switch.hui-font-color-pumpkin-high:checked,
.hui-checkbox-fill.hui-font-color-pumpkin-high:checked,
.hui-radio-fill.hui-font-color-pumpkin-high:checked,
.hui-range.hui-font-color-pumpkin-high::-webkit-slider-thumb { box-shadow: #ec5e00 0 0 0 26px inset; background-color: #ec5e00; color: #fff; }
.hui-switch.hui-font-color-pomegranate-high:checked,
.hui-checkbox-fill.hui-font-color-pomegranate-high:checked,
.hui-radio-fill.hui-font-color-pomegranate-high:checked { box-shadow: #d14233 0 0 0 26px inset; background-color: #d14233; color: #fff; }
.hui-switch.hui-font-color-silver-high:checked,
.hui-checkbox-fill.hui-font-color-silver-high:checked,
.hui-radio-fill.hui-font-color-silver-high:checked,
.hui-range.hui-font-color-silver-high::-webkit-slider-thumb { box-shadow: #cbd0d3 0 0 0 26px inset; background-color: #cbd0d3; color: #fff; }
.hui-switch.hui-font-color-asbestos-high:checked,
.hui-checkbox-fill.hui-font-color-asbestos-high:checked,
.hui-radio-fill.hui-font-color-asbestos-high:checked,
.hui-range.hui-font-color-asbestos-high::-webkit-slider-thumb { box-shadow: #8c9899 0 0 0 26px inset; background-color: #8c9899; color: #fff; }

/*内置animate.css动画*/
/*!
 * animate.css -http://daneden.me/animate
 * Version - 3.5.1
 * Licensed under the MIT license - http://opensource.org/licenses/MIT
 *
 * Copyright (c) 2016 Daniel Eden
 */
.animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; }
.animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; }
.animated.hinge { -webkit-animation-duration: 2s; animation-duration: 2s; }
.animated.bounceIn, .animated.bounceOut, .animated.flipOutX, .animated.flipOutY { -webkit-animation-duration: .75s; animation-duration: .75s; }

@-webkit-keyframes bounce {
    0%,20%,53%,80%,to { -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1); animation-timing-function: cubic-bezier(.215,.61,.355,1); -webkit-transform: translateZ(0); transform: translateZ(0); }
    40%,43% { -webkit-transform: translate3d(0,-30px,0); transform: translate3d(0,-30px,0); }
    40%,43%,70% { -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06); animation-timing-function: cubic-bezier(.755,.05,.855,.06); }
    70% { -webkit-transform: translate3d(0,-15px,0); transform: translate3d(0,-15px,0); }
    90% { -webkit-transform: translate3d(0,-4px,0); transform: translate3d(0,-4px,0); }
}

@keyframes bounce {
    0%,20%,53%,80%,to { -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1); animation-timing-function: cubic-bezier(.215,.61,.355,1); -webkit-transform: translateZ(0); transform: translateZ(0); }
    40%,43% { -webkit-transform: translate3d(0,-30px,0); transform: translate3d(0,-30px,0); }
    40%,43%,70% { -webkit-animation-timing-function: cubic-bezier(.755,.05,.855,.06); animation-timing-function: cubic-bezier(.755,.05,.855,.06); }
    70% { -webkit-transform: translate3d(0,-15px,0); transform: translate3d(0,-15px,0); }
    90% { -webkit-transform: translate3d(0,-4px,0); transform: translate3d(0,-4px,0); }
}

.bounce { -webkit-animation-name: bounce; animation-name: bounce; -webkit-transform-origin: center bottom; transform-origin: center bottom; }

@-webkit-keyframes flash {
    0%,50%,to { opacity: 1; }
    25%,75% { opacity: 0; }
}

@keyframes flash {
    0%,50%,to { opacity: 1; }
    25%,75% { opacity: 0; }
}

.flash { -webkit-animation-name: flash; animation-name: flash; }

@-webkit-keyframes pulse {
    0% { -webkit-transform: scaleX(1); transform: scaleX(1); }
    50% { -webkit-transform: scale3d(1.05,1.05,1.05); transform: scale3d(1.05,1.05,1.05); }
    to { -webkit-transform: scaleX(1); transform: scaleX(1); }
}

@keyframes pulse {
    0% { -webkit-transform: scaleX(1); transform: scaleX(1); }
    50% { -webkit-transform: scale3d(1.05,1.05,1.05); transform: scale3d(1.05,1.05,1.05); }
    to { -webkit-transform: scaleX(1); transform: scaleX(1); }
}

.pulse { -webkit-animation-name: pulse; animation-name: pulse; }

@-webkit-keyframes rubberBand {
    0% { -webkit-transform: scaleX(1); transform: scaleX(1); }
    30% { -webkit-transform: scale3d(1.25,.75,1); transform: scale3d(1.25,.75,1); }
    40% { -webkit-transform: scale3d(.75,1.25,1); transform: scale3d(.75,1.25,1); }
    50% { -webkit-transform: scale3d(1.15,.85,1); transform: scale3d(1.15,.85,1); }
    65% { -webkit-transform: scale3d(.95,1.05,1); transform: scale3d(.95,1.05,1); }
    75% { -webkit-transform: scale3d(1.05,.95,1); transform: scale3d(1.05,.95,1); }
    to { -webkit-transform: scaleX(1); transform: scaleX(1); }
}

@keyframes rubberBand {
    0% { -webkit-transform: scaleX(1); transform: scaleX(1); }
    30% { -webkit-transform: scale3d(1.25,.75,1); transform: scale3d(1.25,.75,1); }
    40% { -webkit-transform: scale3d(.75,1.25,1); transform: scale3d(.75,1.25,1); }
    50% { -webkit-transform: scale3d(1.15,.85,1); transform: scale3d(1.15,.85,1); }
    65% { -webkit-transform: scale3d(.95,1.05,1); transform: scale3d(.95,1.05,1); }
    75% { -webkit-transform: scale3d(1.05,.95,1); transform: scale3d(1.05,.95,1); }
    to { -webkit-transform: scaleX(1); transform: scaleX(1); }
}

.rubberBand { -webkit-animation-name: rubberBand; animation-name: rubberBand; }

@-webkit-keyframes shake {
    0%,to { -webkit-transform: translateZ(0); transform: translateZ(0); }
    10%,30%,50%,70%,90% { -webkit-transform: translate3d(-10px,0,0); transform: translate3d(-10px,0,0); }
    20%,40%,60%,80% { -webkit-transform: translate3d(10px,0,0); transform: translate3d(10px,0,0); }
}

@keyframes shake {
    0%,to { -webkit-transform: translateZ(0); transform: translateZ(0); }
    10%,30%,50%,70%,90% { -webkit-transform: translate3d(-10px,0,0); transform: translate3d(-10px,0,0); }
    20%,40%,60%,80% { -webkit-transform: translate3d(10px,0,0); transform: translate3d(10px,0,0); }
}

.shake { -webkit-animation-name: shake; animation-name: shake; }

@-webkit-keyframes headShake {
    0% { -webkit-transform: translateX(0); transform: translateX(0); }
    6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); }
    18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); }
    31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); }
    43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); }
    50% { -webkit-transform: translateX(0); transform: translateX(0); }
}

@keyframes headShake {
    0% { -webkit-transform: translateX(0); transform: translateX(0); }
    6.5% { -webkit-transform: translateX(-6px) rotateY(-9deg); transform: translateX(-6px) rotateY(-9deg); }
    18.5% { -webkit-transform: translateX(5px) rotateY(7deg); transform: translateX(5px) rotateY(7deg); }
    31.5% { -webkit-transform: translateX(-3px) rotateY(-5deg); transform: translateX(-3px) rotateY(-5deg); }
    43.5% { -webkit-transform: translateX(2px) rotateY(3deg); transform: translateX(2px) rotateY(3deg); }
    50% { -webkit-transform: translateX(0); transform: translateX(0); }
}

.headShake { -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-name: headShake; animation-name: headShake; }

@-webkit-keyframes swing {
    20% { -webkit-transform: rotate(15deg); transform: rotate(15deg); }
    40% { -webkit-transform: rotate(-10deg); transform: rotate(-10deg); }
    60% { -webkit-transform: rotate(5deg); transform: rotate(5deg); }
    80% { -webkit-transform: rotate(-5deg); transform: rotate(-5deg); }
    to { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
}

@keyframes swing {
    20% { -webkit-transform: rotate(15deg); transform: rotate(15deg); }
    40% { -webkit-transform: rotate(-10deg); transform: rotate(-10deg); }
    60% { -webkit-transform: rotate(5deg); transform: rotate(5deg); }
    80% { -webkit-transform: rotate(-5deg); transform: rotate(-5deg); }
    to { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
}

.swing { -webkit-transform-origin: top center; transform-origin: top center; -webkit-animation-name: swing; animation-name: swing; }

@-webkit-keyframes tada {
    0% { -webkit-transform: scaleX(1); transform: scaleX(1); }
    10%,20% { -webkit-transform: scale3d(.9,.9,.9) rotate(-3deg); transform: scale3d(.9,.9,.9) rotate(-3deg); }
    30%,50%,70%,90% { -webkit-transform: scale3d(1.1,1.1,1.1) rotate(3deg); transform: scale3d(1.1,1.1,1.1) rotate(3deg); }
    40%,60%,80% { -webkit-transform: scale3d(1.1,1.1,1.1) rotate(-3deg); transform: scale3d(1.1,1.1,1.1) rotate(-3deg); }
    to { -webkit-transform: scaleX(1); transform: scaleX(1); }
}

@keyframes tada {
    0% { -webkit-transform: scaleX(1); transform: scaleX(1); }
    10%,20% { -webkit-transform: scale3d(.9,.9,.9) rotate(-3deg); transform: scale3d(.9,.9,.9) rotate(-3deg); }
    30%,50%,70%,90% { -webkit-transform: scale3d(1.1,1.1,1.1) rotate(3deg); transform: scale3d(1.1,1.1,1.1) rotate(3deg); }
    40%,60%,80% { -webkit-transform: scale3d(1.1,1.1,1.1) rotate(-3deg); transform: scale3d(1.1,1.1,1.1) rotate(-3deg); }
    to { -webkit-transform: scaleX(1); transform: scaleX(1); }
}

.tada { -webkit-animation-name: tada; animation-name: tada; }

@-webkit-keyframes wobble {
    0% { -webkit-transform: none; transform: none; }
    15% { -webkit-transform: translate3d(-25%,0,0) rotate(-5deg); transform: translate3d(-25%,0,0) rotate(-5deg); }
    30% { -webkit-transform: translate3d(20%,0,0) rotate(3deg); transform: translate3d(20%,0,0) rotate(3deg); }
    45% { -webkit-transform: translate3d(-15%,0,0) rotate(-3deg); transform: translate3d(-15%,0,0) rotate(-3deg); }
    60% { -webkit-transform: translate3d(10%,0,0) rotate(2deg); transform: translate3d(10%,0,0) rotate(2deg); }
    75% { -webkit-transform: translate3d(-5%,0,0) rotate(-1deg); transform: translate3d(-5%,0,0) rotate(-1deg); }
    to { -webkit-transform: none; transform: none; }
}

@keyframes wobble {
    0% { -webkit-transform: none; transform: none; }
    15% { -webkit-transform: translate3d(-25%,0,0) rotate(-5deg); transform: translate3d(-25%,0,0) rotate(-5deg); }
    30% { -webkit-transform: translate3d(20%,0,0) rotate(3deg); transform: translate3d(20%,0,0) rotate(3deg); }
    45% { -webkit-transform: translate3d(-15%,0,0) rotate(-3deg); transform: translate3d(-15%,0,0) rotate(-3deg); }
    60% { -webkit-transform: translate3d(10%,0,0) rotate(2deg); transform: translate3d(10%,0,0) rotate(2deg); }
    75% { -webkit-transform: translate3d(-5%,0,0) rotate(-1deg); transform: translate3d(-5%,0,0) rotate(-1deg); }
    to { -webkit-transform: none; transform: none; }
}

.wobble { -webkit-animation-name: wobble; animation-name: wobble; }

@-webkit-keyframes jello {
    0%,11.1%,to { -webkit-transform: none; transform: none; }
    22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); }
    33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); }
    44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); }
    55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); }
    66.6% { -webkit-transform: skewX(-.78125deg) skewY(-.78125deg); transform: skewX(-.78125deg) skewY(-.78125deg); }
    77.7% { -webkit-transform: skewX(.390625deg) skewY(.390625deg); transform: skewX(.390625deg) skewY(.390625deg); }
    88.8% { -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg); transform: skewX(-.1953125deg) skewY(-.1953125deg); }
}

@keyframes jello {
    0%,11.1%,to { -webkit-transform: none; transform: none; }
    22.2% { -webkit-transform: skewX(-12.5deg) skewY(-12.5deg); transform: skewX(-12.5deg) skewY(-12.5deg); }
    33.3% { -webkit-transform: skewX(6.25deg) skewY(6.25deg); transform: skewX(6.25deg) skewY(6.25deg); }
    44.4% { -webkit-transform: skewX(-3.125deg) skewY(-3.125deg); transform: skewX(-3.125deg) skewY(-3.125deg); }
    55.5% { -webkit-transform: skewX(1.5625deg) skewY(1.5625deg); transform: skewX(1.5625deg) skewY(1.5625deg); }
    66.6% { -webkit-transform: skewX(-.78125deg) skewY(-.78125deg); transform: skewX(-.78125deg) skewY(-.78125deg); }
    77.7% { -webkit-transform: skewX(.390625deg) skewY(.390625deg); transform: skewX(.390625deg) skewY(.390625deg); }
    88.8% { -webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg); transform: skewX(-.1953125deg) skewY(-.1953125deg); }
}

.jello { -webkit-animation-name: jello; animation-name: jello; -webkit-transform-origin: center; transform-origin: center; }

@-webkit-keyframes bounceIn {
    0%,20%,40%,60%,80%,to { -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1); animation-timing-function: cubic-bezier(.215,.61,.355,1); }
    0% { opacity: 0; -webkit-transform: scale3d(.3,.3,.3); transform: scale3d(.3,.3,.3); }
    20% { -webkit-transform: scale3d(1.1,1.1,1.1); transform: scale3d(1.1,1.1,1.1); }
    40% { -webkit-transform: scale3d(.9,.9,.9); transform: scale3d(.9,.9,.9); }
    60% { opacity: 1; -webkit-transform: scale3d(1.03,1.03,1.03); transform: scale3d(1.03,1.03,1.03); }
    80% { -webkit-transform: scale3d(.97,.97,.97); transform: scale3d(.97,.97,.97); }
    to { opacity: 1; -webkit-transform: scaleX(1); transform: scaleX(1); }
}

@keyframes bounceIn {
    0%,20%,40%,60%,80%,to { -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1); animation-timing-function: cubic-bezier(.215,.61,.355,1); }
    0% { opacity: 0; -webkit-transform: scale3d(.3,.3,.3); transform: scale3d(.3,.3,.3); }
    20% { -webkit-transform: scale3d(1.1,1.1,1.1); transform: scale3d(1.1,1.1,1.1); }
    40% { -webkit-transform: scale3d(.9,.9,.9); transform: scale3d(.9,.9,.9); }
    60% { opacity: 1; -webkit-transform: scale3d(1.03,1.03,1.03); transform: scale3d(1.03,1.03,1.03); }
    80% { -webkit-transform: scale3d(.97,.97,.97); transform: scale3d(.97,.97,.97); }
    to { opacity: 1; -webkit-transform: scaleX(1); transform: scaleX(1); }
}

.bounceIn { -webkit-animation-name: bounceIn; animation-name: bounceIn; }

@-webkit-keyframes bounceInDown {
    0%,60%,75%,90%,to { -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1); animation-timing-function: cubic-bezier(.215,.61,.355,1); }
    0% { opacity: 0; -webkit-transform: translate3d(0,-3000px,0); transform: translate3d(0,-3000px,0); }
    60% { opacity: 1; -webkit-transform: translate3d(0,25px,0); transform: translate3d(0,25px,0); }
    75% { -webkit-transform: translate3d(0,-10px,0); transform: translate3d(0,-10px,0); }
    90% { -webkit-transform: translate3d(0,5px,0); transform: translate3d(0,5px,0); }
    to { -webkit-transform: none; transform: none; }
}

@keyframes bounceInDown {
    0%,60%,75%,90%,to { -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1); animation-timing-function: cubic-bezier(.215,.61,.355,1); }
    0% { opacity: 0; -webkit-transform: translate3d(0,-3000px,0); transform: translate3d(0,-3000px,0); }
    60% { opacity: 1; -webkit-transform: translate3d(0,25px,0); transform: translate3d(0,25px,0); }
    75% { -webkit-transform: translate3d(0,-10px,0); transform: translate3d(0,-10px,0); }
    90% { -webkit-transform: translate3d(0,5px,0); transform: translate3d(0,5px,0); }
    to { -webkit-transform: none; transform: none; }
}

.bounceInDown { -webkit-animation-name: bounceInDown; animation-name: bounceInDown; }

@-webkit-keyframes bounceInLeft {
    0%,60%,75%,90%,to { -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1); animation-timing-function: cubic-bezier(.215,.61,.355,1); }
    0% { opacity: 0; -webkit-transform: translate3d(-3000px,0,0); transform: translate3d(-3000px,0,0); }
    60% { opacity: 1; -webkit-transform: translate3d(25px,0,0); transform: translate3d(25px,0,0); }
    75% { -webkit-transform: translate3d(-10px,0,0); transform: translate3d(-10px,0,0); }
    90% { -webkit-transform: translate3d(5px,0,0); transform: translate3d(5px,0,0); }
    to { -webkit-transform: none; transform: none; }
}

@keyframes bounceInLeft {
    0%,60%,75%,90%,to { -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1); animation-timing-function: cubic-bezier(.215,.61,.355,1); }
    0% { opacity: 0; -webkit-transform: translate3d(-3000px,0,0); transform: translate3d(-3000px,0,0); }
    60% { opacity: 1; -webkit-transform: translate3d(25px,0,0); transform: translate3d(25px,0,0); }
    75% { -webkit-transform: translate3d(-10px,0,0); transform: translate3d(-10px,0,0); }
    90% { -webkit-transform: translate3d(5px,0,0); transform: translate3d(5px,0,0); }
    to { -webkit-transform: none; transform: none; }
}

.bounceInLeft { -webkit-animation-name: bounceInLeft; animation-name: bounceInLeft; }

@-webkit-keyframes bounceInRight {
    0%,60%,75%,90%,to { -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1); animation-timing-function: cubic-bezier(.215,.61,.355,1); }
    0% { opacity: 0; -webkit-transform: translate3d(3000px,0,0); transform: translate3d(3000px,0,0); }
    60% { opacity: 1; -webkit-transform: translate3d(-25px,0,0); transform: translate3d(-25px,0,0); }
    75% { -webkit-transform: translate3d(10px,0,0); transform: translate3d(10px,0,0); }
    90% { -webkit-transform: translate3d(-5px,0,0); transform: translate3d(-5px,0,0); }
    to { -webkit-transform: none; transform: none; }
}

@keyframes bounceInRight {
    0%,60%,75%,90%,to { -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1); animation-timing-function: cubic-bezier(.215,.61,.355,1); }
    0% { opacity: 0; -webkit-transform: translate3d(3000px,0,0); transform: translate3d(3000px,0,0); }
    60% { opacity: 1; -webkit-transform: translate3d(-25px,0,0); transform: translate3d(-25px,0,0); }
    75% { -webkit-transform: translate3d(10px,0,0); transform: translate3d(10px,0,0); }
    90% { -webkit-transform: translate3d(-5px,0,0); transform: translate3d(-5px,0,0); }
    to { -webkit-transform: none; transform: none; }
}

.bounceInRight { -webkit-animation-name: bounceInRight; animation-name: bounceInRight; }

@-webkit-keyframes bounceInUp {
    0%,60%,75%,90%,to { -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1); animation-timing-function: cubic-bezier(.215,.61,.355,1); }
    0% { opacity: 0; -webkit-transform: translate3d(0,3000px,0); transform: translate3d(0,3000px,0); }
    60% { opacity: 1; -webkit-transform: translate3d(0,-20px,0); transform: translate3d(0,-20px,0); }
    75% { -webkit-transform: translate3d(0,10px,0); transform: translate3d(0,10px,0); }
    90% { -webkit-transform: translate3d(0,-5px,0); transform: translate3d(0,-5px,0); }
    to { -webkit-transform: translateZ(0); transform: translateZ(0); }
}

@keyframes bounceInUp {
    0%,60%,75%,90%,to { -webkit-animation-timing-function: cubic-bezier(.215,.61,.355,1); animation-timing-function: cubic-bezier(.215,.61,.355,1); }
    0% { opacity: 0; -webkit-transform: translate3d(0,3000px,0); transform: translate3d(0,3000px,0); }
    60% { opacity: 1; -webkit-transform: translate3d(0,-20px,0); transform: translate3d(0,-20px,0); }
    75% { -webkit-transform: translate3d(0,10px,0); transform: translate3d(0,10px,0); }
    90% { -webkit-transform: translate3d(0,-5px,0); transform: translate3d(0,-5px,0); }
    to { -webkit-transform: translateZ(0); transform: translateZ(0); }
}

.bounceInUp { -webkit-animation-name: bounceInUp; animation-name: bounceInUp; }

@-webkit-keyframes bounceOut {
    20% { -webkit-transform: scale3d(.9,.9,.9); transform: scale3d(.9,.9,.9); }
    50%,55% { opacity: 1; -webkit-transform: scale3d(1.1,1.1,1.1); transform: scale3d(1.1,1.1,1.1); }
    to { opacity: 0; -webkit-transform: scale3d(.3,.3,.3); transform: scale3d(.3,.3,.3); }
}

@keyframes bounceOut {
    20% { -webkit-transform: scale3d(.9,.9,.9); transform: scale3d(.9,.9,.9); }
    50%,55% { opacity: 1; -webkit-transform: scale3d(1.1,1.1,1.1); transform: scale3d(1.1,1.1,1.1); }
    to { opacity: 0; -webkit-transform: scale3d(.3,.3,.3); transform: scale3d(.3,.3,.3); }
}

.bounceOut { -webkit-animation-name: bounceOut; animation-name: bounceOut; }

@-webkit-keyframes bounceOutDown {
    20% { -webkit-transform: translate3d(0,10px,0); transform: translate3d(0,10px,0); }
    40%,45% { opacity: 1; -webkit-transform: translate3d(0,-20px,0); transform: translate3d(0,-20px,0); }
    to { opacity: 0; -webkit-transform: translate3d(0,2000px,0); transform: translate3d(0,2000px,0); }
}

@keyframes bounceOutDown {
    20% { -webkit-transform: translate3d(0,10px,0); transform: translate3d(0,10px,0); }
    40%,45% { opacity: 1; -webkit-transform: translate3d(0,-20px,0); transform: translate3d(0,-20px,0); }
    to { opacity: 0; -webkit-transform: translate3d(0,2000px,0); transform: translate3d(0,2000px,0); }
}

.bounceOutDown { -webkit-animation-name: bounceOutDown; animation-name: bounceOutDown; }

@-webkit-keyframes bounceOutLeft {
    20% { opacity: 1; -webkit-transform: translate3d(20px,0,0); transform: translate3d(20px,0,0); }
    to { opacity: 0; -webkit-transform: translate3d(-2000px,0,0); transform: translate3d(-2000px,0,0); }
}

@keyframes bounceOutLeft {
    20% { opacity: 1; -webkit-transform: translate3d(20px,0,0); transform: translate3d(20px,0,0); }
    to { opacity: 0; -webkit-transform: translate3d(-2000px,0,0); transform: translate3d(-2000px,0,0); }
}

.bounceOutLeft { -webkit-animation-name: bounceOutLeft; animation-name: bounceOutLeft; }

@-webkit-keyframes bounceOutRight {
    20% { opacity: 1; -webkit-transform: translate3d(-20px,0,0); transform: translate3d(-20px,0,0); }
    to { opacity: 0; -webkit-transform: translate3d(2000px,0,0); transform: translate3d(2000px,0,0); }
}

@keyframes bounceOutRight {
    20% { opacity: 1; -webkit-transform: translate3d(-20px,0,0); transform: translate3d(-20px,0,0); }
    to { opacity: 0; -webkit-transform: translate3d(2000px,0,0); transform: translate3d(2000px,0,0); }
}

.bounceOutRight { -webkit-animation-name: bounceOutRight; animation-name: bounceOutRight; }

@-webkit-keyframes bounceOutUp {
    20% { -webkit-transform: translate3d(0,-10px,0); transform: translate3d(0,-10px,0); }
    40%,45% { opacity: 1; -webkit-transform: translate3d(0,20px,0); transform: translate3d(0,20px,0); }
    to { opacity: 0; -webkit-transform: translate3d(0,-2000px,0); transform: translate3d(0,-2000px,0); }
}

@keyframes bounceOutUp {
    20% { -webkit-transform: translate3d(0,-10px,0); transform: translate3d(0,-10px,0); }
    40%,45% { opacity: 1; -webkit-transform: translate3d(0,20px,0); transform: translate3d(0,20px,0); }
    to { opacity: 0; -webkit-transform: translate3d(0,-2000px,0); transform: translate3d(0,-2000px,0); }
}

.bounceOutUp { -webkit-animation-name: bounceOutUp; animation-name: bounceOutUp; }

@-webkit-keyframes fadeIn {
    0% { opacity: 0; }
    to { opacity: 1; }
}

@keyframes fadeIn {
    0% { opacity: 0; }
    to { opacity: 1; }
}

.fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; }

@-webkit-keyframes fadeInDown {
    0% { opacity: 0; -webkit-transform: translate3d(0,-100%,0); transform: translate3d(0,-100%,0); }
    to { opacity: 1; -webkit-transform: none; transform: none; }
}

@keyframes fadeInDown {
    0% { opacity: 0; -webkit-transform: translate3d(0,-100%,0); transform: translate3d(0,-100%,0); }
    to { opacity: 1; -webkit-transform: none; transform: none; }
}

.fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; }

@-webkit-keyframes fadeInDownBig {
    0% { opacity: 0; -webkit-transform: translate3d(0,-2000px,0); transform: translate3d(0,-2000px,0); }
    to { opacity: 1; -webkit-transform: none; transform: none; }
}

@keyframes fadeInDownBig {
    0% { opacity: 0; -webkit-transform: translate3d(0,-2000px,0); transform: translate3d(0,-2000px,0); }
    to { opacity: 1; -webkit-transform: none; transform: none; }
}

.fadeInDownBig { -webkit-animation-name: fadeInDownBig; animation-name: fadeInDownBig; }

@-webkit-keyframes fadeInLeft {
    0% { opacity: 0; -webkit-transform: translate3d(-100%,0,0); transform: translate3d(-100%,0,0); }
    to { opacity: 1; -webkit-transform: none; transform: none; }
}

@keyframes fadeInLeft {
    0% { opacity: 0; -webkit-transform: translate3d(-100%,0,0); transform: translate3d(-100%,0,0); }
    to { opacity: 1; -webkit-transform: none; transform: none; }
}

.fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; }

@-webkit-keyframes fadeInLeftBig {
    0% { opacity: 0; -webkit-transform: translate3d(-2000px,0,0); transform: translate3d(-2000px,0,0); }
    to { opacity: 1; -webkit-transform: none; transform: none; }
}

@keyframes fadeInLeftBig {
    0% { opacity: 0; -webkit-transform: translate3d(-2000px,0,0); transform: translate3d(-2000px,0,0); }
    to { opacity: 1; -webkit-transform: none; transform: none; }
}

.fadeInLeftBig { -webkit-animation-name: fadeInLeftBig; animation-name: fadeInLeftBig; }

@-webkit-keyframes fadeInRight {
    0% { opacity: 0; -webkit-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0); }
    to { opacity: 1; -webkit-transform: none; transform: none; }
}

@keyframes fadeInRight {
    0% { opacity: 0; -webkit-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0); }
    to { opacity: 1; -webkit-transform: none; transform: none; }
}

.fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; }

@-webkit-keyframes fadeInRightBig {
    0% { opacity: 0; -webkit-transform: translate3d(2000px,0,0); transform: translate3d(2000px,0,0); }
    to { opacity: 1; -webkit-transform: none; transform: none; }
}

@keyframes fadeInRightBig {
    0% { opacity: 0; -webkit-transform: translate3d(2000px,0,0); transform: translate3d(2000px,0,0); }
    to { opacity: 1; -webkit-transform: none; transform: none; }
}

.fadeInRightBig { -webkit-animation-name: fadeInRightBig; animation-name: fadeInRightBig; }

@-webkit-keyframes fadeInUp {
    0% { opacity: 0; -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0); }
    to { opacity: 1; -webkit-transform: none; transform: none; }
}

@keyframes fadeInUp {
    0% { opacity: 0; -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0); }
    to { opacity: 1; -webkit-transform: none; transform: none; }
}

.fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; }

@-webkit-keyframes fadeInUpBig {
    0% { opacity: 0; -webkit-transform: translate3d(0,2000px,0); transform: translate3d(0,2000px,0); }
    to { opacity: 1; -webkit-transform: none; transform: none; }
}

@keyframes fadeInUpBig {
    0% { opacity: 0; -webkit-transform: translate3d(0,2000px,0); transform: translate3d(0,2000px,0); }
    to { opacity: 1; -webkit-transform: none; transform: none; }
}

.fadeInUpBig { -webkit-animation-name: fadeInUpBig; animation-name: fadeInUpBig; }

@-webkit-keyframes fadeOut {
    0% { opacity: 1; }
    to { opacity: 0; }
}

@keyframes fadeOut {
    0% { opacity: 1; }
    to { opacity: 0; }
}

.fadeOut { -webkit-animation-name: fadeOut; animation-name: fadeOut; }

@-webkit-keyframes fadeOutDown {
    0% { opacity: 1; }
    to { opacity: 0; -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0); }
}

@keyframes fadeOutDown {
    0% { opacity: 1; }
    to { opacity: 0; -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0); }
}

.fadeOutDown { -webkit-animation-name: fadeOutDown; animation-name: fadeOutDown; }

@-webkit-keyframes fadeOutDownBig {
    0% { opacity: 1; }
    to { opacity: 0; -webkit-transform: translate3d(0,2000px,0); transform: translate3d(0,2000px,0); }
}

@keyframes fadeOutDownBig {
    0% { opacity: 1; }
    to { opacity: 0; -webkit-transform: translate3d(0,2000px,0); transform: translate3d(0,2000px,0); }
}

.fadeOutDownBig { -webkit-animation-name: fadeOutDownBig; animation-name: fadeOutDownBig; }

@-webkit-keyframes fadeOutLeft {
    0% { opacity: 1; }
    to { opacity: 0; -webkit-transform: translate3d(-100%,0,0); transform: translate3d(-100%,0,0); }
}

@keyframes fadeOutLeft {
    0% { opacity: 1; }
    to { opacity: 0; -webkit-transform: translate3d(-100%,0,0); transform: translate3d(-100%,0,0); }
}

.fadeOutLeft { -webkit-animation-name: fadeOutLeft; animation-name: fadeOutLeft; }

@-webkit-keyframes fadeOutLeftBig {
    0% { opacity: 1; }
    to { opacity: 0; -webkit-transform: translate3d(-2000px,0,0); transform: translate3d(-2000px,0,0); }
}

@keyframes fadeOutLeftBig {
    0% { opacity: 1; }
    to { opacity: 0; -webkit-transform: translate3d(-2000px,0,0); transform: translate3d(-2000px,0,0); }
}

.fadeOutLeftBig { -webkit-animation-name: fadeOutLeftBig; animation-name: fadeOutLeftBig; }

@-webkit-keyframes fadeOutRight {
    0% { opacity: 1; }
    to { opacity: 0; -webkit-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0); }
}

@keyframes fadeOutRight {
    0% { opacity: 1; }
    to { opacity: 0; -webkit-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0); }
}

.fadeOutRight { -webkit-animation-name: fadeOutRight; animation-name: fadeOutRight; }

@-webkit-keyframes fadeOutRightBig {
    0% { opacity: 1; }
    to { opacity: 0; -webkit-transform: translate3d(2000px,0,0); transform: translate3d(2000px,0,0); }
}

@keyframes fadeOutRightBig {
    0% { opacity: 1; }
    to { opacity: 0; -webkit-transform: translate3d(2000px,0,0); transform: translate3d(2000px,0,0); }
}

.fadeOutRightBig { -webkit-animation-name: fadeOutRightBig; animation-name: fadeOutRightBig; }

@-webkit-keyframes fadeOutUp {
    0% { opacity: 1; }
    to { opacity: 0; -webkit-transform: translate3d(0,-100%,0); transform: translate3d(0,-100%,0); }
}

@keyframes fadeOutUp {
    0% { opacity: 1; }
    to { opacity: 0; -webkit-transform: translate3d(0,-100%,0); transform: translate3d(0,-100%,0); }
}

.fadeOutUp { -webkit-animation-name: fadeOutUp; animation-name: fadeOutUp; }

@-webkit-keyframes fadeOutUpBig {
    0% { opacity: 1; }
    to { opacity: 0; -webkit-transform: translate3d(0,-2000px,0); transform: translate3d(0,-2000px,0); }
}

@keyframes fadeOutUpBig {
    0% { opacity: 1; }
    to { opacity: 0; -webkit-transform: translate3d(0,-2000px,0); transform: translate3d(0,-2000px,0); }
}

.fadeOutUpBig { -webkit-animation-name: fadeOutUpBig; animation-name: fadeOutUpBig; }

@-webkit-keyframes flip {
    0% { -webkit-transform: perspective(400px) rotateY(-1turn); transform: perspective(400px) rotateY(-1turn); }
    0%,40% { -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; }
    40% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(-190deg); transform: perspective(400px) translateZ(150px) rotateY(-190deg); }
    50% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(-170deg); transform: perspective(400px) translateZ(150px) rotateY(-170deg); }
    50%,80% { -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; }
    80% { -webkit-transform: perspective(400px) scale3d(.95,.95,.95); transform: perspective(400px) scale3d(.95,.95,.95); }
    to { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; }
}

@keyframes flip {
    0% { -webkit-transform: perspective(400px) rotateY(-1turn); transform: perspective(400px) rotateY(-1turn); }
    0%,40% { -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; }
    40% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(-190deg); transform: perspective(400px) translateZ(150px) rotateY(-190deg); }
    50% { -webkit-transform: perspective(400px) translateZ(150px) rotateY(-170deg); transform: perspective(400px) translateZ(150px) rotateY(-170deg); }
    50%,80% { -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; }
    80% { -webkit-transform: perspective(400px) scale3d(.95,.95,.95); transform: perspective(400px) scale3d(.95,.95,.95); }
    to { -webkit-transform: perspective(400px); transform: perspective(400px); -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; }
}

.animated.flip { -webkit-backface-visibility: visible; backface-visibility: visible; -webkit-animation-name: flip; animation-name: flip; }

@-webkit-keyframes flipInX {
    0% { -webkit-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0; }
    0%,40% { -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; }
    40% { -webkit-transform: perspective(400px) rotateX(-20deg); transform: perspective(400px) rotateX(-20deg); }
    60% { -webkit-transform: perspective(400px) rotateX(10deg); transform: perspective(400px) rotateX(10deg); opacity: 1; }
    80% { -webkit-transform: perspective(400px) rotateX(-5deg); transform: perspective(400px) rotateX(-5deg); }
    to { -webkit-transform: perspective(400px); transform: perspective(400px); }
}

@keyframes flipInX {
    0% { -webkit-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0; }
    0%,40% { -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; }
    40% { -webkit-transform: perspective(400px) rotateX(-20deg); transform: perspective(400px) rotateX(-20deg); }
    60% { -webkit-transform: perspective(400px) rotateX(10deg); transform: perspective(400px) rotateX(10deg); opacity: 1; }
    80% { -webkit-transform: perspective(400px) rotateX(-5deg); transform: perspective(400px) rotateX(-5deg); }
    to { -webkit-transform: perspective(400px); transform: perspective(400px); }
}

.flipInX { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInX; animation-name: flipInX; }

@-webkit-keyframes flipInY {
    0% { -webkit-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0; }
    0%,40% { -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; }
    40% { -webkit-transform: perspective(400px) rotateY(-20deg); transform: perspective(400px) rotateY(-20deg); }
    60% { -webkit-transform: perspective(400px) rotateY(10deg); transform: perspective(400px) rotateY(10deg); opacity: 1; }
    80% { -webkit-transform: perspective(400px) rotateY(-5deg); transform: perspective(400px) rotateY(-5deg); }
    to { -webkit-transform: perspective(400px); transform: perspective(400px); }
}

@keyframes flipInY {
    0% { -webkit-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0; }
    0%,40% { -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; }
    40% { -webkit-transform: perspective(400px) rotateY(-20deg); transform: perspective(400px) rotateY(-20deg); }
    60% { -webkit-transform: perspective(400px) rotateY(10deg); transform: perspective(400px) rotateY(10deg); opacity: 1; }
    80% { -webkit-transform: perspective(400px) rotateY(-5deg); transform: perspective(400px) rotateY(-5deg); }
    to { -webkit-transform: perspective(400px); transform: perspective(400px); }
}

.flipInY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipInY; animation-name: flipInY; }

@-webkit-keyframes flipOutX {
    0% { -webkit-transform: perspective(400px); transform: perspective(400px); }
    30% { -webkit-transform: perspective(400px) rotateX(-20deg); transform: perspective(400px) rotateX(-20deg); opacity: 1; }
    to { -webkit-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0; }
}

@keyframes flipOutX {
    0% { -webkit-transform: perspective(400px); transform: perspective(400px); }
    30% { -webkit-transform: perspective(400px) rotateX(-20deg); transform: perspective(400px) rotateX(-20deg); opacity: 1; }
    to { -webkit-transform: perspective(400px) rotateX(90deg); transform: perspective(400px) rotateX(90deg); opacity: 0; }
}

.flipOutX { -webkit-animation-name: flipOutX; animation-name: flipOutX; -webkit-backface-visibility: visible !important; backface-visibility: visible !important; }

@-webkit-keyframes flipOutY {
    0% { -webkit-transform: perspective(400px); transform: perspective(400px); }
    30% { -webkit-transform: perspective(400px) rotateY(-15deg); transform: perspective(400px) rotateY(-15deg); opacity: 1; }
    to { -webkit-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0; }
}

@keyframes flipOutY {
    0% { -webkit-transform: perspective(400px); transform: perspective(400px); }
    30% { -webkit-transform: perspective(400px) rotateY(-15deg); transform: perspective(400px) rotateY(-15deg); opacity: 1; }
    to { -webkit-transform: perspective(400px) rotateY(90deg); transform: perspective(400px) rotateY(90deg); opacity: 0; }
}

.flipOutY { -webkit-backface-visibility: visible !important; backface-visibility: visible !important; -webkit-animation-name: flipOutY; animation-name: flipOutY; }

@-webkit-keyframes lightSpeedIn {
    0% { -webkit-transform: translate3d(100%,0,0) skewX(-30deg); transform: translate3d(100%,0,0) skewX(-30deg); opacity: 0; }
    60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); }
    60%,80% { opacity: 1; }
    80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); }
    to { -webkit-transform: none; transform: none; opacity: 1; }
}

@keyframes lightSpeedIn {
    0% { -webkit-transform: translate3d(100%,0,0) skewX(-30deg); transform: translate3d(100%,0,0) skewX(-30deg); opacity: 0; }
    60% { -webkit-transform: skewX(20deg); transform: skewX(20deg); }
    60%,80% { opacity: 1; }
    80% { -webkit-transform: skewX(-5deg); transform: skewX(-5deg); }
    to { -webkit-transform: none; transform: none; opacity: 1; }
}

.lightSpeedIn { -webkit-animation-name: lightSpeedIn; animation-name: lightSpeedIn; -webkit-animation-timing-function: ease-out; animation-timing-function: ease-out; }

@-webkit-keyframes lightSpeedOut {
    0% { opacity: 1; }
    to { -webkit-transform: translate3d(100%,0,0) skewX(30deg); transform: translate3d(100%,0,0) skewX(30deg); opacity: 0; }
}

@keyframes lightSpeedOut {
    0% { opacity: 1; }
    to { -webkit-transform: translate3d(100%,0,0) skewX(30deg); transform: translate3d(100%,0,0) skewX(30deg); opacity: 0; }
}

.lightSpeedOut { -webkit-animation-name: lightSpeedOut; animation-name: lightSpeedOut; -webkit-animation-timing-function: ease-in; animation-timing-function: ease-in; }

@-webkit-keyframes rotateIn {
    0% { transform-origin: center; -webkit-transform: rotate(-200deg); transform: rotate(-200deg); opacity: 0; }
    0%,to { -webkit-transform-origin: center; }
    to { transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; }
}

@keyframes rotateIn {
    0% { transform-origin: center; -webkit-transform: rotate(-200deg); transform: rotate(-200deg); opacity: 0; }
    0%,to { -webkit-transform-origin: center; }
    to { transform-origin: center; -webkit-transform: none; transform: none; opacity: 1; }
}

.rotateIn { -webkit-animation-name: rotateIn; animation-name: rotateIn; }

@-webkit-keyframes rotateInDownLeft {
    0% { transform-origin: left bottom; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); opacity: 0; }
    0%,to { -webkit-transform-origin: left bottom; }
    to { transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; }
}

@keyframes rotateInDownLeft {
    0% { transform-origin: left bottom; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); opacity: 0; }
    0%,to { -webkit-transform-origin: left bottom; }
    to { transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; }
}

.rotateInDownLeft { -webkit-animation-name: rotateInDownLeft; animation-name: rotateInDownLeft; }

@-webkit-keyframes rotateInDownRight {
    0% { transform-origin: right bottom; -webkit-transform: rotate(45deg); transform: rotate(45deg); opacity: 0; }
    0%,to { -webkit-transform-origin: right bottom; }
    to { transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; }
}

@keyframes rotateInDownRight {
    0% { transform-origin: right bottom; -webkit-transform: rotate(45deg); transform: rotate(45deg); opacity: 0; }
    0%,to { -webkit-transform-origin: right bottom; }
    to { transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; }
}

.rotateInDownRight { -webkit-animation-name: rotateInDownRight; animation-name: rotateInDownRight; }

@-webkit-keyframes rotateInUpLeft {
    0% { transform-origin: left bottom; -webkit-transform: rotate(45deg); transform: rotate(45deg); opacity: 0; }
    0%,to { -webkit-transform-origin: left bottom; }
    to { transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; }
}

@keyframes rotateInUpLeft {
    0% { transform-origin: left bottom; -webkit-transform: rotate(45deg); transform: rotate(45deg); opacity: 0; }
    0%,to { -webkit-transform-origin: left bottom; }
    to { transform-origin: left bottom; -webkit-transform: none; transform: none; opacity: 1; }
}

.rotateInUpLeft { -webkit-animation-name: rotateInUpLeft; animation-name: rotateInUpLeft; }

@-webkit-keyframes rotateInUpRight {
    0% { transform-origin: right bottom; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; }
    0%,to { -webkit-transform-origin: right bottom; }
    to { transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; }
}

@keyframes rotateInUpRight {
    0% { transform-origin: right bottom; -webkit-transform: rotate(-90deg); transform: rotate(-90deg); opacity: 0; }
    0%,to { -webkit-transform-origin: right bottom; }
    to { transform-origin: right bottom; -webkit-transform: none; transform: none; opacity: 1; }
}

.rotateInUpRight { -webkit-animation-name: rotateInUpRight; animation-name: rotateInUpRight; }

@-webkit-keyframes rotateOut {
    0% { transform-origin: center; opacity: 1; }
    0%,to { -webkit-transform-origin: center; }
    to { transform-origin: center; -webkit-transform: rotate(200deg); transform: rotate(200deg); opacity: 0; }
}

@keyframes rotateOut {
    0% { transform-origin: center; opacity: 1; }
    0%,to { -webkit-transform-origin: center; }
    to { transform-origin: center; -webkit-transform: rotate(200deg); transform: rotate(200deg); opacity: 0; }
}

.rotateOut { -webkit-animation-name: rotateOut; animation-name: rotateOut; }

@-webkit-keyframes rotateOutDownLeft {
    0% { transform-origin: left bottom; opacity: 1; }
    0%,to { -webkit-transform-origin: left bottom; }
    to { transform-origin: left bottom; -webkit-transform: rotate(45deg); transform: rotate(45deg); opacity: 0; }
}

@keyframes rotateOutDownLeft {
    0% { transform-origin: left bottom; opacity: 1; }
    0%,to { -webkit-transform-origin: left bottom; }
    to { transform-origin: left bottom; -webkit-transform: rotate(45deg); transform: rotate(45deg); opacity: 0; }
}

.rotateOutDownLeft { -webkit-animation-name: rotateOutDownLeft; animation-name: rotateOutDownLeft; }

@-webkit-keyframes rotateOutDownRight {
    0% { transform-origin: right bottom; opacity: 1; }
    0%,to { -webkit-transform-origin: right bottom; }
    to { transform-origin: right bottom; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); opacity: 0; }
}

@keyframes rotateOutDownRight {
    0% { transform-origin: right bottom; opacity: 1; }
    0%,to { -webkit-transform-origin: right bottom; }
    to { transform-origin: right bottom; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); opacity: 0; }
}

.rotateOutDownRight { -webkit-animation-name: rotateOutDownRight; animation-name: rotateOutDownRight; }

@-webkit-keyframes rotateOutUpLeft {
    0% { transform-origin: left bottom; opacity: 1; }
    0%,to { -webkit-transform-origin: left bottom; }
    to { transform-origin: left bottom; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); opacity: 0; }
}

@keyframes rotateOutUpLeft {
    0% { transform-origin: left bottom; opacity: 1; }
    0%,to { -webkit-transform-origin: left bottom; }
    to { transform-origin: left bottom; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); opacity: 0; }
}

.rotateOutUpLeft { -webkit-animation-name: rotateOutUpLeft; animation-name: rotateOutUpLeft; }

@-webkit-keyframes rotateOutUpRight {
    0% { transform-origin: right bottom; opacity: 1; }
    0%,to { -webkit-transform-origin: right bottom; }
    to { transform-origin: right bottom; -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; }
}

@keyframes rotateOutUpRight {
    0% { transform-origin: right bottom; opacity: 1; }
    0%,to { -webkit-transform-origin: right bottom; }
    to { transform-origin: right bottom; -webkit-transform: rotate(90deg); transform: rotate(90deg); opacity: 0; }
}

.rotateOutUpRight { -webkit-animation-name: rotateOutUpRight; animation-name: rotateOutUpRight; }

@-webkit-keyframes hinge {
    0% { transform-origin: top left; }
    0%,20%,60% { -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; }
    20%,60% { -webkit-transform: rotate(80deg); transform: rotate(80deg); transform-origin: top left; }
    40%,80% { -webkit-transform: rotate(60deg); transform: rotate(60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; }
    to { -webkit-transform: translate3d(0,700px,0); transform: translate3d(0,700px,0); opacity: 0; }
}

@keyframes hinge {
    0% { transform-origin: top left; }
    0%,20%,60% { -webkit-transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; }
    20%,60% { -webkit-transform: rotate(80deg); transform: rotate(80deg); transform-origin: top left; }
    40%,80% { -webkit-transform: rotate(60deg); transform: rotate(60deg); -webkit-transform-origin: top left; transform-origin: top left; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; opacity: 1; }
    to { -webkit-transform: translate3d(0,700px,0); transform: translate3d(0,700px,0); opacity: 0; }
}

.hinge { -webkit-animation-name: hinge; animation-name: hinge; }

@-webkit-keyframes rollIn {
    0% { opacity: 0; -webkit-transform: translate3d(-100%,0,0) rotate(-120deg); transform: translate3d(-100%,0,0) rotate(-120deg); }
    to { opacity: 1; -webkit-transform: none; transform: none; }
}

@keyframes rollIn {
    0% { opacity: 0; -webkit-transform: translate3d(-100%,0,0) rotate(-120deg); transform: translate3d(-100%,0,0) rotate(-120deg); }
    to { opacity: 1; -webkit-transform: none; transform: none; }
}

.rollIn { -webkit-animation-name: rollIn; animation-name: rollIn; }

@-webkit-keyframes rollOut {
    0% { opacity: 1; }
    to { opacity: 0; -webkit-transform: translate3d(100%,0,0) rotate(120deg); transform: translate3d(100%,0,0) rotate(120deg); }
}

@keyframes rollOut {
    0% { opacity: 1; }
    to { opacity: 0; -webkit-transform: translate3d(100%,0,0) rotate(120deg); transform: translate3d(100%,0,0) rotate(120deg); }
}

.rollOut { -webkit-animation-name: rollOut; animation-name: rollOut; }

@-webkit-keyframes zoomIn {
    0% { opacity: 0; -webkit-transform: scale3d(.3,.3,.3); transform: scale3d(.3,.3,.3); }
    50% { opacity: 1; }
}

@keyframes zoomIn {
    0% { opacity: 0; -webkit-transform: scale3d(.3,.3,.3); transform: scale3d(.3,.3,.3); }
    50% { opacity: 1; }
}

.zoomIn { -webkit-animation-name: zoomIn; animation-name: zoomIn; }

@-webkit-keyframes zoomInDown {
    0% { opacity: 0; -webkit-transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0); transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0); -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19); animation-timing-function: cubic-bezier(.55,.055,.675,.19); }
    60% { opacity: 1; -webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0); transform: scale3d(.475,.475,.475) translate3d(0,60px,0); -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1); animation-timing-function: cubic-bezier(.175,.885,.32,1); }
}

@keyframes zoomInDown {
    0% { opacity: 0; -webkit-transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0); transform: scale3d(.1,.1,.1) translate3d(0,-1000px,0); -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19); animation-timing-function: cubic-bezier(.55,.055,.675,.19); }
    60% { opacity: 1; -webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0); transform: scale3d(.475,.475,.475) translate3d(0,60px,0); -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1); animation-timing-function: cubic-bezier(.175,.885,.32,1); }
}

.zoomInDown { -webkit-animation-name: zoomInDown; animation-name: zoomInDown; }

@-webkit-keyframes zoomInLeft {
    0% { opacity: 0; -webkit-transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0); transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0); -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19); animation-timing-function: cubic-bezier(.55,.055,.675,.19); }
    60% { opacity: 1; -webkit-transform: scale3d(.475,.475,.475) translate3d(10px,0,0); transform: scale3d(.475,.475,.475) translate3d(10px,0,0); -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1); animation-timing-function: cubic-bezier(.175,.885,.32,1); }
}

@keyframes zoomInLeft {
    0% { opacity: 0; -webkit-transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0); transform: scale3d(.1,.1,.1) translate3d(-1000px,0,0); -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19); animation-timing-function: cubic-bezier(.55,.055,.675,.19); }
    60% { opacity: 1; -webkit-transform: scale3d(.475,.475,.475) translate3d(10px,0,0); transform: scale3d(.475,.475,.475) translate3d(10px,0,0); -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1); animation-timing-function: cubic-bezier(.175,.885,.32,1); }
}

.zoomInLeft { -webkit-animation-name: zoomInLeft; animation-name: zoomInLeft; }

@-webkit-keyframes zoomInRight {
    0% { opacity: 0; -webkit-transform: scale3d(.1,.1,.1) translate3d(1000px,0,0); transform: scale3d(.1,.1,.1) translate3d(1000px,0,0); -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19); animation-timing-function: cubic-bezier(.55,.055,.675,.19); }
    60% { opacity: 1; -webkit-transform: scale3d(.475,.475,.475) translate3d(-10px,0,0); transform: scale3d(.475,.475,.475) translate3d(-10px,0,0); -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1); animation-timing-function: cubic-bezier(.175,.885,.32,1); }
}

@keyframes zoomInRight {
    0% { opacity: 0; -webkit-transform: scale3d(.1,.1,.1) translate3d(1000px,0,0); transform: scale3d(.1,.1,.1) translate3d(1000px,0,0); -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19); animation-timing-function: cubic-bezier(.55,.055,.675,.19); }
    60% { opacity: 1; -webkit-transform: scale3d(.475,.475,.475) translate3d(-10px,0,0); transform: scale3d(.475,.475,.475) translate3d(-10px,0,0); -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1); animation-timing-function: cubic-bezier(.175,.885,.32,1); }
}

.zoomInRight { -webkit-animation-name: zoomInRight; animation-name: zoomInRight; }

@-webkit-keyframes zoomInUp {
    0% { opacity: 0; -webkit-transform: scale3d(.1,.1,.1) translate3d(0,1000px,0); transform: scale3d(.1,.1,.1) translate3d(0,1000px,0); -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19); animation-timing-function: cubic-bezier(.55,.055,.675,.19); }
    60% { opacity: 1; -webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0); transform: scale3d(.475,.475,.475) translate3d(0,-60px,0); -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1); animation-timing-function: cubic-bezier(.175,.885,.32,1); }
}

@keyframes zoomInUp {
    0% { opacity: 0; -webkit-transform: scale3d(.1,.1,.1) translate3d(0,1000px,0); transform: scale3d(.1,.1,.1) translate3d(0,1000px,0); -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19); animation-timing-function: cubic-bezier(.55,.055,.675,.19); }
    60% { opacity: 1; -webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0); transform: scale3d(.475,.475,.475) translate3d(0,-60px,0); -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1); animation-timing-function: cubic-bezier(.175,.885,.32,1); }
}

.zoomInUp { -webkit-animation-name: zoomInUp; animation-name: zoomInUp; }

@-webkit-keyframes zoomOut {
    0% { opacity: 1; }
    50% { -webkit-transform: scale3d(.3,.3,.3); transform: scale3d(.3,.3,.3); }
    50%,to { opacity: 0; }
}

@keyframes zoomOut {
    0% { opacity: 1; }
    50% { -webkit-transform: scale3d(.3,.3,.3); transform: scale3d(.3,.3,.3); }
    50%,to { opacity: 0; }
}

.zoomOut { -webkit-animation-name: zoomOut; animation-name: zoomOut; }

@-webkit-keyframes zoomOutDown {
    40% { opacity: 1; -webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0); transform: scale3d(.475,.475,.475) translate3d(0,-60px,0); -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19); animation-timing-function: cubic-bezier(.55,.055,.675,.19); }
    to { opacity: 0; -webkit-transform: scale3d(.1,.1,.1) translate3d(0,2000px,0); transform: scale3d(.1,.1,.1) translate3d(0,2000px,0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1); animation-timing-function: cubic-bezier(.175,.885,.32,1); }
}

@keyframes zoomOutDown {
    40% { opacity: 1; -webkit-transform: scale3d(.475,.475,.475) translate3d(0,-60px,0); transform: scale3d(.475,.475,.475) translate3d(0,-60px,0); -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19); animation-timing-function: cubic-bezier(.55,.055,.675,.19); }
    to { opacity: 0; -webkit-transform: scale3d(.1,.1,.1) translate3d(0,2000px,0); transform: scale3d(.1,.1,.1) translate3d(0,2000px,0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1); animation-timing-function: cubic-bezier(.175,.885,.32,1); }
}

.zoomOutDown { -webkit-animation-name: zoomOutDown; animation-name: zoomOutDown; }

@-webkit-keyframes zoomOutLeft {
    40% { opacity: 1; -webkit-transform: scale3d(.475,.475,.475) translate3d(42px,0,0); transform: scale3d(.475,.475,.475) translate3d(42px,0,0); }
    to { opacity: 0; -webkit-transform: scale(.1) translate3d(-2000px,0,0); transform: scale(.1) translate3d(-2000px,0,0); -webkit-transform-origin: left center; transform-origin: left center; }
}

@keyframes zoomOutLeft {
    40% { opacity: 1; -webkit-transform: scale3d(.475,.475,.475) translate3d(42px,0,0); transform: scale3d(.475,.475,.475) translate3d(42px,0,0); }
    to { opacity: 0; -webkit-transform: scale(.1) translate3d(-2000px,0,0); transform: scale(.1) translate3d(-2000px,0,0); -webkit-transform-origin: left center; transform-origin: left center; }
}

.zoomOutLeft { -webkit-animation-name: zoomOutLeft; animation-name: zoomOutLeft; }

@-webkit-keyframes zoomOutRight {
    40% { opacity: 1; -webkit-transform: scale3d(.475,.475,.475) translate3d(-42px,0,0); transform: scale3d(.475,.475,.475) translate3d(-42px,0,0); }
    to { opacity: 0; -webkit-transform: scale(.1) translate3d(2000px,0,0); transform: scale(.1) translate3d(2000px,0,0); -webkit-transform-origin: right center; transform-origin: right center; }
}

@keyframes zoomOutRight {
    40% { opacity: 1; -webkit-transform: scale3d(.475,.475,.475) translate3d(-42px,0,0); transform: scale3d(.475,.475,.475) translate3d(-42px,0,0); }
    to { opacity: 0; -webkit-transform: scale(.1) translate3d(2000px,0,0); transform: scale(.1) translate3d(2000px,0,0); -webkit-transform-origin: right center; transform-origin: right center; }
}

.zoomOutRight { -webkit-animation-name: zoomOutRight; animation-name: zoomOutRight; }

@-webkit-keyframes zoomOutUp {
    40% { opacity: 1; -webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0); transform: scale3d(.475,.475,.475) translate3d(0,60px,0); -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19); animation-timing-function: cubic-bezier(.55,.055,.675,.19); }
    to { opacity: 0; -webkit-transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0); transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1); animation-timing-function: cubic-bezier(.175,.885,.32,1); }
}

@keyframes zoomOutUp {
    40% { opacity: 1; -webkit-transform: scale3d(.475,.475,.475) translate3d(0,60px,0); transform: scale3d(.475,.475,.475) translate3d(0,60px,0); -webkit-animation-timing-function: cubic-bezier(.55,.055,.675,.19); animation-timing-function: cubic-bezier(.55,.055,.675,.19); }
    to { opacity: 0; -webkit-transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0); transform: scale3d(.1,.1,.1) translate3d(0,-2000px,0); -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-animation-timing-function: cubic-bezier(.175,.885,.32,1); animation-timing-function: cubic-bezier(.175,.885,.32,1); }
}

.zoomOutUp { -webkit-animation-name: zoomOutUp; animation-name: zoomOutUp; }

@-webkit-keyframes slideInDown {
    0% { -webkit-transform: translate3d(0,-100%,0); transform: translate3d(0,-100%,0); visibility: visible; }
    to { -webkit-transform: translateZ(0); transform: translateZ(0); }
}

@keyframes slideInDown {
    0% { -webkit-transform: translate3d(0,-100%,0); transform: translate3d(0,-100%,0); visibility: visible; }
    to { -webkit-transform: translateZ(0); transform: translateZ(0); }
}

.slideInDown { -webkit-animation-name: slideInDown; animation-name: slideInDown; }

@-webkit-keyframes slideInLeft {
    0% { -webkit-transform: translate3d(-100%,0,0); transform: translate3d(-100%,0,0); visibility: visible; }
    to { -webkit-transform: translateZ(0); transform: translateZ(0); }
}

@keyframes slideInLeft {
    0% { -webkit-transform: translate3d(-100%,0,0); transform: translate3d(-100%,0,0); visibility: visible; }
    to { -webkit-transform: translateZ(0); transform: translateZ(0); }
}

.slideInLeft { -webkit-animation-name: slideInLeft; animation-name: slideInLeft; }

@-webkit-keyframes slideInRight {
    0% { -webkit-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0); visibility: visible; }
    to { -webkit-transform: translateZ(0); transform: translateZ(0); }
}

@keyframes slideInRight {
    0% { -webkit-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0); visibility: visible; }
    to { -webkit-transform: translateZ(0); transform: translateZ(0); }
}

.slideInRight { -webkit-animation-name: slideInRight; animation-name: slideInRight; }

@-webkit-keyframes slideInUp {
    0% { -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0); visibility: visible; }
    to { -webkit-transform: translateZ(0); transform: translateZ(0); }
}

@keyframes slideInUp {
    0% { -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0); visibility: visible; }
    to { -webkit-transform: translateZ(0); transform: translateZ(0); }
}

.slideInUp { -webkit-animation-name: slideInUp; animation-name: slideInUp; }

@-webkit-keyframes slideOutDown {
    0% { -webkit-transform: translateZ(0); transform: translateZ(0); }
    to { visibility: hidden; -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0); }
}

@keyframes slideOutDown {
    0% { -webkit-transform: translateZ(0); transform: translateZ(0); }
    to { visibility: hidden; -webkit-transform: translate3d(0,100%,0); transform: translate3d(0,100%,0); }
}

.slideOutDown { -webkit-animation-name: slideOutDown; animation-name: slideOutDown; }

@-webkit-keyframes slideOutLeft {
    0% { -webkit-transform: translateZ(0); transform: translateZ(0); }
    to { visibility: hidden; -webkit-transform: translate3d(-100%,0,0); transform: translate3d(-100%,0,0); }
}

@keyframes slideOutLeft {
    0% { -webkit-transform: translateZ(0); transform: translateZ(0); }
    to { visibility: hidden; -webkit-transform: translate3d(-100%,0,0); transform: translate3d(-100%,0,0); }
}

.slideOutLeft { -webkit-animation-name: slideOutLeft; animation-name: slideOutLeft; }

@-webkit-keyframes slideOutRight {
    0% { -webkit-transform: translateZ(0); transform: translateZ(0); }
    to { visibility: hidden; -webkit-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0); }
}

@keyframes slideOutRight {
    0% { -webkit-transform: translateZ(0); transform: translateZ(0); }
    to { visibility: hidden; -webkit-transform: translate3d(100%,0,0); transform: translate3d(100%,0,0); }
}

.slideOutRight { -webkit-animation-name: slideOutRight; animation-name: slideOutRight; }

@-webkit-keyframes slideOutUp {
    0% { -webkit-transform: translateZ(0); transform: translateZ(0); }
    to { visibility: hidden; -webkit-transform: translate3d(0,-100%,0); transform: translate3d(0,-100%,0); }
}

@keyframes slideOutUp {
    0% { -webkit-transform: translateZ(0); transform: translateZ(0); }
    to { visibility: hidden; -webkit-transform: translate3d(0,-100%,0); transform: translate3d(0,-100%,0); }
}

.slideOutUp { -webkit-animation-name: slideOutUp; animation-name: slideOutUp; }
/*=====  animate.css 动画结束 =====*/
